如何在angularJS指令中有条件地应用属性?

时间:2015-04-23 07:44:48

标签: angularjs angularjs-directive

在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时消失。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:3)

使用ngRequired控制Angular中的必需属性。

将模板更新为

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

答案 1 :(得分:1)

这将添加SYSENTER标签,其中包含布尔值(angular input doc

Encoding iso = Encoding.GetEncoding("ISO-8859-1").GetBytes();