Как использовать ng-bind в функции jquery

Question

$(document).ready(function() { 
    $("#other_services{{i.id}}").css("display", "none"); 

    function other_services() { 
    $("#other_services{{i.id}}").css("display", "block"); 
    $(".ser_o{{i.id}}").css("display", "none"); 
    } 
}); 

Как будет работать ng-bind в угловых js в этом коде?

Answer 1

Приведенный выше код не работает. Ng-bind поможет с циклом или с контроллером области в html. У нас есть Jqlite в угловом, вы можете использовать его для базового jquery. Если вы хотите скрыть или применить css, вы можете использовать ng-if, ng-hide и ng-class.

нг-если

<label>Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/> 

Показать при проверке: Это удаляется, когда флажок снят.

нг скрыть

<div ng-hide="myValue" class="ng-hide"></div> 

, когда $ scope.myValue является ложным (элемент виден)

<div ng-hide="myValue" ></div> 

нг-класс

<input id="setbtn" type="button" value="set" ng-click="myVar='my-class'"> 
<input id="clearbtn" type="button" value="clear" ng-click="myVar=''"> 
<span class="base-class" ng-class="myVar">Sample Text</span>