Как условно применить атрибут в директиве angularJS?

Question

В HTML:

<cms-text required="false" id="product_name" thename="product_name"></cms-text> 

В cmsText.js

angular.module('cmsText',[]).directive('cmsText', function(){ 
'use strict'; 

    return { 
     restrict: 'EA', 
     scope: { 
      thename:'=', 
      required:'=', 
      id:'=' 

     }, 
     replace:true,  
     templateUrl: 'cms-text/cmsText.html', 
    }; 

}); 

В cmsText.html

<input id="id" class="form-control" name="thename" type="text" required> 

Я хочу "необходимый" слово в теге ввода показывает только тогда, когда он установлен к true, и слово исчезает, если для него установлено значение false. Кто-нибудь может помочь?

Answer 1

Используйте ngRequired для управления требуемым атрибутом в Угловом.

Обновите свой шаблон

<input id="id" class="form-control" name="thename" type="text" ng-required="required"> 

Answer 2

Это будет добавляющий ng-required тег с логическим значением (angular input doc)

<input id="id" class="form-control" name="thename" type="text" ng-required="required">