Breezejs：在指令中嵌套zValidate

Question

所以，创建了一些角度指令 - 围绕常见数据输入元素的图片“用户控件”，如标签 - 文本框对等

我们遇到的问题是zValidate指令似乎不能在指令中起作用。我们需要做些什么来使嵌套指令工作吗？

修改 以下是相关的代码段。

所以，首先，我们有一个添加标签输入对的小指令：

app.directive('afLabelInputPair', function ($compile) {

    var directive = {
        restrict: 'A',
        transclude: true,
        replace: true,
        scope: {                    //@textValue    =twoWayBinding      &oneWayBinding
            labelText: '@labelText',
            afModel: '=',
            afId: '@',
            afPlaceholder: '@'
        },
        templateUrl: './app/templates/af-label-input-pair.html',
        link: function (scope, element, attrs) {
            scope.opts = attrs;
            $compile(element.contents())(scope);
        }
    }

    return directive;
});

接下来，我们有模板html（这是从templateUrl返回的内容：

<div class="form-group">
    <label class="control-label" for="{{afId}}">{{labelText}}</label>
    <input id="{{afId}}" class="form-control" ng-model="afModel" placeholder="{{afPlaceholder}}" data-z-validate />
</div>

但是，当我们使用此指令时，我们不会显示微风验证错误。