1

** 更新：**
这是一个 plnkr 来显示我的问题。
https://plnkr.co/edit/3U7MHlJw0gcEdwT4e64r?p=preview
我确定我做错了什么。

我正在构建一个包含标签、输入和 ng 消息的可重用元素指令。属性的数据都存储在我使用 $http 服务获得的 Json 对象中。

最后，我得到了用于标签、输入属性和 ng-model 的动态数据。ng-messages，ng-messages-include 正在工作，但是...

我无法让它与 ng-messages-exp 一起使用。

下面是一些代码，希望能帮助解释这一点：

JSON：

[
    {
        "inputsContact" : [
            { 
                "labelText" : "test Name",
                "labelId" : "testname",
                "labelName" : "testname",
                "inputId" : "testname",
                "inputName" : "testname",
                "placeholder" : "Enter your name",
                "model" : "testname",
                "type" : "text",
                "required" : "true",
                "messageDirty" : "jiraForm.testname.$dirty",
                "messageError" : "jiraForm.testname.$error",
                "messageInclude" : "app/views/partials/messages/messages-error-text.html"
            }
        ]
    }
]

服务：

.factory('BuildInputService', ['$http',  function($http) {
    return {
        getInputs: function( callback ) {
            $http.get('app/data/input-creation-data.json')
            .then(function(response) {
                callback( response );
            });
        }
    };
}])

Html 指令元素：

<text-input-comp input-data="testName" model-data="ticketData[testName.model]" message-data="errorMessages" message-dirty="jiraForm[testname].$dirty" message-error="jiraForm[testname].$error" message-include-url="testName[messageInclude]" class="input-group form-group"></text-input-comp>

--- ticketData 是创建的表单数据

指令代码：

.directive('textInputComp', [ '$compile', function($compile){
  return {
    restrict: 'E',
    require: 'territoryController',
    scope: {
      inputData: '=',
      modelData: '=',
      messageData: '=messageData',
      messageDirty: '=messageDirty',
      messageError: '=messageError',
      messageIncludeUrl: '=messageIncludeUrl'
    },
    templateUrl: '/app/views/partials/components/textInputComp.html'
  }
}]);

指令中使用的模板：（我使用 Laravel 作为后端，所以我将 {{ }} 换成了 <% %> ）

<label name="<% inputData.labelName %>" id="<% inputData.labelId %>" for="" class="control-label label-top" > <% inputData.labelText %> </label> 
<input name="<% inputData.inputName %>" id="<% inputData.inputId %>" class="form-control" type="text" ng-model="modelData" placeholder="<% inputData.placeholder %>" asteriskcheck ng-required="<% inputData.required %>"/> 
<div ng-messages="messageDirty" class="error-list" role="alert">
    <div ng-messages-include src="<% inputData.messageInclude %>"></div>
</div>

这是 ng-messages-include 使用的模板

<div ng-repeat="errorMessage in messageData[0].text">
    <p ng-message-exp="errorMessage.type">
         <% errorMessage.text %>
    </p>
</div>

这是它停止工作的地方，ng-repeat 正在生成元素，但是 ng-message-exp 没有与我尝试过的任何东西一起工作。

有没有人对此有任何解决方案？我究竟做错了什么？

非常感谢

4

0 回答 0