I am following an online example. However, this does not work as I hoped. Now I could easily do this using jQuery and the class, but I am trying to do this with the "Angular Way".
The Angular Template for my tags is displayed first. As soon as the area begins to be processed, it is hidden and the tags appear as expected when snapping.
Q: How to prevent the display of the Angular template form?

UPDATE:
Using "ng-bind" only changes the nature of the problem. This does not solve the problem.

MY MARKUP SEE LOVE:
<div ng-controller="BlogsIndexController">
<div class="tags-cloud tags-cloud-category" ng-show="isShown">
<div class="tag" ng-repeat="category in categories">
<a href="#" data-iso-sort="iso-sort-category-{{category.SortKey}}">{{category.Name}}</a>
</div>
</div>
</div>
MY CONTROLLER VIEW LOVE:
application.controller('BlogsIndexController', function ($scope, $http, categoryTagsDataService) {
var vm = this;
vm.on = {
databind: {
categories: function () {
var categories = categoryTagsDataService.list()
categories.success(function (data) {
$scope.categories = data;
$scope.isShown = true;
});
}
}
};
vm.databind = function () {
vm.on.databind.categories();
};
$scope.isShown = false;
$scope.categories = [];
vm.databind();
});
source
share