AngularJs渲染div onclick

Question

如果我在下面有这个代码。单击按钮时如何渲染div（#divToRender）。我知道hide / show有angularJs代码。但我不希望它被渲染，直到我点击我的按钮。那可能吗？ //由于

<button>Render my div!</button

<div id="divToRender">
    Some text
</div>

Answer 1

您可以使用ng-if，只有在表达式求值为true时才会呈现元素。

<button ng-click="showMyDiv = true">Render my div!</button>

<div id="divToRender" ng-if="showMyDiv">
    Some text
</div>

示例Plunker： http://plnkr.co/edit/jtasEuhNCghprsGZjSrh?p=preview

另见ngIf documentation。