如何动态创建没有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。