如何動態創建沒有ng-repeat的div，angularjs？

Question

我需要動態生成'div'，而不需要ng-repeat的幫助以及範圍中的不同數據。

<div attribute={{atrb}}>{{name}}</div> (<- dynamic div). 

控制器

$scope.GenerateDiv = function() 
{ 
$scope.name = "praveen"; 
$scope.atrb = "01"; 
} 

Answer 1

您可以使用ng-if，或$compile

Answer 2

You can do it like 

$scope.str = '' 
for (i = 0 ; i < arrayofdata ; i++){ 
    $scope.str += "<div>"+arrayofdata[0].ex+"</div>" 
} 


use Sanitize filter the following link contains log 
https://docs.angularjs.org/api/ngSanitize 

then create html like this 
<div> 
{{str | Sanitize}} 
</div> 

Answer 3

如果你使用ng-if控制它建立單一div：

<div attribute="{{atrb}}" ng-if="name">{{name}}</div> 

當條件不滿足則不會創建div。當條件成立時，div將被添加到您的DOM。

如果你需要幾個人那麼參數存儲在數組中，並使用ng-repeat。