Question

我在AngularJS面临一些小问题：

问题1： Plunkr http://plnkr.co/edit/OpsgSwyaO0uzFtfuyggv?p=info显示尝试使用Angular的指令验证输入字段并显示错误消息。 ng-show似乎不起作用。

这个问题与此错误有关吗？ https://github.com/angular/angular.js/issues/2500

来自app.js

var app = angular.module('plunker', []);

app.directive('mytag',function() {
    return {
        restrict: 'AE',
        transclude: true,
        replace: true,        
        templateUrl: 'inputwidget.html',
        require: '^form',
        link: function(scope, element, attrs, formCtrl) {
        },
        scope: {
            controlname: '@nameattribute',
            controltype: '@typeattribute',
            controllabel: '@labelattribute',
            controlmodel: '=modelattribute',
            controlerror: '@errorattribute',
        },
        controller: function($scope) {                  
        }
    };
});

app.controller('ParentCtrl', function($scope){ 
});

指令模板代码：

<div ng-transclude>
    <p>{{controllabel}}</p>
    <input type="{{controltype}}" name="{{controlname}}" ng-model="controlmodel"/>
    <div ng-show="form.controlname.$invalid">{{controlerror}}</div>
</div>

问题2：使用Angular 1.0.2（我在上面查看和使用的原始plunker的版本），我能够执行此代码（使用上述问题＃1）; 但是，我无法使用最新的Angular 1.2.28运行它。代码有什么问题？

请帮忙！

无法显示Angular指令的错误消息

0 个答案: