如何在jquery函数中使用ng-bind

时间:2016-12-28 05:57:31

标签: jquery angularjs

$(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");
  }
});

角度js中的ng-bind如何在此代码中起作用?

1 个答案:

答案 0 :(得分:0)

以上代码无效。 ng-bind将有助于in循环或html中的范围控制器。我们有角度的Jqlite你可以用它来进行基本的jquery。如果你想隐藏或应用CSS,你可以使用ng-if,ng-hide和ng-class。

<强> NG-如果

<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为false(元素可见)时

<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>