我将json数据渲染到html页面：

<div ng-if="'done'={{task_detail.status}}">
    <b>Status :</b> 
    <p>{{task_detail.status}}</p>
    <br>
    <br>
    <div>
        <divrole="progressbar" aria-valueNow="100" aria-valuemin="0" aria-valuemax="100">
            <span>{{task_detail.percentage_finished}}% Complete</span>
        </div>
    </div>
</div>

这是我渲染的json数据：

{
     "id": 1,"title": "Launch an EC Instance","desc": "Needed an EC instance to deploy the ccr code","status": "done","percentage_finished": 100
 }

问题：HTML视图不可见，因为控件在ng-if内不移动。
语法是否正确？

ngIf接受表达式(类似JavaScript的代码片段)。这意味着在“”之间写的任何内容已经在Angular的上下文中，你不需要使用{{}}：

<div ng-if="task_detail.status == 'done'">

我正在使用jQuery和AngularJS开发Ajax应用程序。

当我使用jQuery的html功能更新div的内容（包含AngularJS绑定）时，AngularJS绑定不起作用。

以下是我正在尝试执行的代码：

$(document).ready(function() {

  $("#refreshButton").click(function() {

    $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>")

  });

});


</style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid {

  border: 1px solid red;

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="">

  <div id='dynamicContent'>

    <button ng-click="count = count + 1" ng-init="count=0">

        Increment

      </button>

    <span>count: {{count}} </span>

  </div>





  <button id='refreshButton'>

    Refresh

  </button>

</div>

我在具有ID的div内包含动态内容#dynamicContent，并且具有一个刷新按钮，当单击刷新时，该按钮将更新该div的内容。如果不刷新内容，增量将按预期工作，但是刷新后，AngularJS绑定将停止工作。

这在AngularJS中可能无效，但是我最初使用jQuery构建了应用程序，后来又开始使用AngularJS，因此无法将所有内容都迁移到AngularJS。非常感谢在AngularJS中实现此功能的任何帮助。

我是AngularJS 1.2使用ng-animate的新手。我不确定为什么我的ng-animate不能使用某个类名，而是使用默认值进行简单淡入淡出，这是我在一个例子中看到的。

在这个例子中，我尝试将我的ng-animate类设置为’animation’：
http://plnkr.co/edit/QWQUUVdcLmzLKRvVibqN?p=preview

但是当我使用默认设置时，我的动画类名称只是“.ng-enter”和“.ng-leave”，动画中的淡入淡出似乎工作正常。

http://plnkr.co/edit/lEQhMwd6RWmsdmJbosu0?p=preview

任何帮助将不胜感激，谢谢！

ng-animate属性在1.2中已弃用。

在1.2中，您使用特殊的命名约定定义适当的CSS类。如果您想要一个特定的名称，例如“animation”，则需要将该类添加到要设置动画的元素中。

只要您拥有正确的CSS类，一些指令就会自动生成动画。哪些可以在这里找到：http://docs.angularjs.org/api/ngAnimate

这就是在定义“.ng-enter”类时，动画在第二个示例中工作的原因。但是，这会自动为支持输入动画的所有指令设置动画。

我已经更新了你的第一个例子，使它适用于名为’animation’的类：

HTML：

<li ng-repeat="item in items">{{item}}</li>

CSS(保持选择器未分组以便清晰)：

.animation {
  -webkit-transition: 1s;
}

.animation.ng-enter {
  opacity: 0;
}

.animation.ng-leave {
  opacity: 1;
}

.animation.ng-enter.ng-enter-active {
  opacity: 1;
}

.animation.ng-leave.ng-leave-active {
  opacity: 0;
}

Plunker：http://plnkr.co/edit/J0qJEMmwdzqXzu733fJf?p=preview

我正在使用一个Ajax应用程序使用jQuery和AngularJS。

当我使用jQuery的html函数更新div的内容(其中包含AngularJS绑定)时，AngularJS绑定不工作。

这是一个JSFiddle版本的我想要做的。

我有一个动态内容在一个div与ID #dynamicContent，我有一个刷新按钮，将更新此div的内容，当刷新点击。增量工作原理如果我不刷新内容，但刷新后，AngularJS绑定停止工作。

这可能不是有效的AngularJS，但我最初用jQuery构建应用程序，并开始使用AngularJS后，所以我不能迁移所有的AngularJS。任何帮助获得这工作在AngularJS非常感谢。

您需要在HTML字符串上调用$ compile，然后将其插入到DOM中，这样angular才有机会执行绑定。

在你的小提琴，它会看起来像这样。

$("#dynamicContent").html(
  $compile(
    "<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>"
  )(scope)
);

显然，$ compile必须注入到你的控制器中才能工作。

阅读更多在$compile documentation。

这里是小提琴显示的问题。 http://jsfiddle.net/Erk4V/1/

如果我在ng-if里面有一个ng-model，模型就不能按预期工作。

我想知道这是一个错误，或者如果我误解了正确的使用。

<div ng-app >
    <div ng-controller="main">

        Test A: {{testa}}<br />
        Test B: {{testb}}<br />
        Test C: {{testc}}<br />

        <div>
            testa (without ng-if): <input type="checkBox" ng-model="testa" />
        </div>
        <div ng-if="!testa">
            testb (with ng-if): <input type="checkBox" ng-model="testb" />
        </div>
        <div ng-if="!someothervar">
            testc (with ng-if): <input type="checkBox" ng-model="testc" />
        </div>

    </div>
</div>

ng-if指令与其他指令一样创建一个子范围。看到这个小提琴： http://jsfiddle.net/Erk4V/4/

因此，您的复选框会更改子范围内的testb，而不会更改外父范围。

请注意，如果要修改父作用域中的数据，则需要修改对象的内部属性，如在我添加的最后一个div中。