angularjs - 如何有条件地应用 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控制 Angular 中所需的属性。

将您的模板更新为

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