There’s a currently-undocumented pair of directives, ng-if-start and ng-if-end, that you can use for this. They behave analogously to the documented ng-repeat-start and ng-repeat-end directives, and you can see the unit tests for them if you like. For example, given the following code: <ul> <li ng-if-start=”true”>a</li> <li>b</li> <li>c</li> <li ng-if-end>d</li> <li ng-if-start=”false”>1</li> <li>2</li> <li>3</li> <li … Read more
Try to surround strings (hoot, story, article) with quotes ‘: <div ng-repeat = “data in comments”> <div ng-if=”data.type == ‘hoot’ “> //different template with hoot data </div> <div ng-if=”data.type == ‘story’ “> //different template with story data </div> <div ng-if=”data.type == ‘article’ “> //different template with article data </div> </div>
ngIf The ngIf directive removes or recreates a portion of the DOM tree based on an expression. If the expression assigned to ngIf evaluates to a false value then the element is removed from the DOM, otherwise a clone of the element is reinserted into the DOM. <!– when $scope.myValue is truthy (element is restored) … Read more