Question

我创建了自己的插件，小插件，简单插件，其中包含一个input和两个按钮：add＆amp;除去。

当按添加按钮时，下方会插入新输入（也可以在输入旁边添加＆amp;删除按钮）

按删除按钮后，将删除输入。

我有两个问题：

添加新字段时，当我键入文本时，也会更改所有输入。我不想这样做。某种程度上，输入值是它们之间的约束。如何解决这个问题？我想在不同的输入中键入不同的文本。
保存和发布内容时，无论您创建了多少输入，umbraco始终只保存第一个输入。我的错误在哪里？

所以我的 package.manifest

{
    propertyEditors: [
        {
                alias: "MultipleList",
                name: "Multiple list",
                editor: {
                view: "~/App_Plugins/MultipleList/multipleList.html"
                },
                prevalues: {
                        fields: [

                        ]
                }
        }
    ],
    javascript: [
        "~/App_Plugins/MultipleList/multipleList.controller.js"
    ]
}

我的html文件：

<div ng-controller="MultipleList" class="umb-editor list-items">
    <div ng-repeat="item in list">
       <input type="text" name="list-item" placeholder="name" ng-model="model.value" class="multiple-list" value="{{item.value}}" />
       <a href="javascript:void(0)" class="btn btn-default add-new-icon" ng-click="add()"><i class="fa fa-plus" aria-hidden="true"></i></a>
       <a href="javascript:void(0)" class="btn btn-danger remove-icon {{item.disabled}}" ng-click="remove({{item.index}})"><i class="fa fa-minus" aria-hidden="true"></i></a>
    </div>
</div>

我的angularJS控制器：

var umbracoModule = angular.module("umbraco");

umbracoModule.controller("MultipleList",
   function ($scope) {
      $scope.index = 0;

      $scope.$watch("list", function () {
         setTimeout(function () {
            var changes = $scope.list;
            if (!changes) {
               return;
            }

            if (changes.length === 1) {
               $(".list-items").find(".remove-icon").addClass("disabled");
            } else {
               $(".list-items").find(".remove-icon").removeClass("disabled");
            }
         }, 20);
      }, true);

      $scope.add = function () {
         $scope.index++;
         $scope.list.push({ index: $scope.index, disabled: $scope.list.length > 1 ? "disabled" : "", value: "" });
      }

      $scope.list = [];
      $scope.list.push({ index: $scope.index, disabled: "", value: "" });

      $scope.remove = function (id) {
         if ($scope.list.length === 1) {
            return;
         }

         var goodList = [];
         $scope.list.forEach(function (v, k) {
            if (v.index !== id) {
               goodList.push(v);
            }
         });

         $scope.list = goodList;
         $scope.index--;
      }
   });

umbracoModule.directive('multipleList', function (assetsService) {
   return {
      restrict: 'C', //matches class 'multiple-list'
      link: function (scope, el, attrs) {
         var PLUGIN_PATH = "/App_Plugins/MultipleList";
         assetsService.loadCss(PLUGIN_PATH + '/multipleList.css?c=8');
      }
   };
});

创建属性编辑器，在Umbraco中动态添加多个字段

0 个答案: