Как динамически создавать div без ng-repeat, 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

Если это один div вы используете ng-if для управления созданием этого:

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

Когда условие не соблюдается, div не создается. Когда условие станет истинным, div будет добавлен в ваш DOM.

Если вам нужно несколько из них, сохраните параметры в массиве и используйте ng-repeat.