Angularjs 如何基于复选框在文本字段中显示文本？

一旦使用复选框从treeview列表中选择了多个值，我希望所有选择的值文本都显示在文本字段中并关闭treeview。我是Angularjs新手，请提供帮助

这是我到目前为止所做的

HTML

rating.js

var legalEntiryOptionsDataSource;

    $scope.treeOptions = {
      checkboxes: true,
      dataBound: function(e) {
        $scope.attachChangeEvent(e);
      }
    };

    $scope.attachChangeEvent = function(e) {
      var dataSource;
      dataSource = e.sender.dataSource;
      dataSource.bind('change', function(e) {
        var checkedNodes, i, nd, selectedNodes;
        selectedNodes = 0;
        checkedNodes = [];
        $scope.checkedNodeIds(dataSource.view(), checkedNodes);
        i = 0;
        while (i < checkedNodes.length) {
          nd = checkedNodes[i];
          if (nd.checked) {
            selectedNodes++;
          }
          i++;
        }
        $scope.nonPersistentProcess.legalEnty = selectedNodes;
      });
    };


    legalEtityTreeOptions = TreeViewData.query({ id: 'LEGAL_ENTITY' }, function () {
      $scope.legalEntiryOptionsDataSource = new kendo.data.HierarchicalDataSource({ data: legalEtityTreeOptions });
    });

    $scope.itemLegEntyTemplate = '<a ng-click="selectLeglEntyTree(this)" class="no-style">{{dataItem.text}}</a>';

    $scope.selectLeglEntyTree = function(object) {
      $scope.nonPersistentProcess.legalEnty = object.dataItem.text;
      $scope.processDTO.legalEnty = object.dataItem.id;
      $scope.showLegalEntityTreeView = {
        display: 'none'
      };
    };

---

你能提供一个fiddle或plunker作为你项目的一个例子吗？这样很容易帮助你对不起，没有授权使用plunker和fiddle。我很清楚，我对剑道与angular的集成不太了解，但我知道的是，默认情况下，如果你在angular应用程序中插入dom元素，这些元素将不会成为应用程序的一部分，因为angular不会编译它们，所以也许你的aproach从一开始就不是正确的，但我真的不知道它对kendoThanks有何作用！我感谢你的评论。。

var legalEntiryOptionsDataSource;

    $scope.treeOptions = {
      checkboxes: true,
      dataBound: function(e) {
        $scope.attachChangeEvent(e);
      }
    };

    $scope.attachChangeEvent = function(e) {
      var dataSource;
      dataSource = e.sender.dataSource;
      dataSource.bind('change', function(e) {
        var checkedNodes, i, nd, selectedNodes;
        selectedNodes = 0;
        checkedNodes = [];
        $scope.checkedNodeIds(dataSource.view(), checkedNodes);
        i = 0;
        while (i < checkedNodes.length) {
          nd = checkedNodes[i];
          if (nd.checked) {
            selectedNodes++;
          }
          i++;
        }
        $scope.nonPersistentProcess.legalEnty = selectedNodes;
      });
    };


    legalEtityTreeOptions = TreeViewData.query({ id: 'LEGAL_ENTITY' }, function () {
      $scope.legalEntiryOptionsDataSource = new kendo.data.HierarchicalDataSource({ data: legalEtityTreeOptions });
    });

    $scope.itemLegEntyTemplate = '<a ng-click="selectLeglEntyTree(this)" class="no-style">{{dataItem.text}}</a>';

    $scope.selectLeglEntyTree = function(object) {
      $scope.nonPersistentProcess.legalEnty = object.dataItem.text;
      $scope.processDTO.legalEnty = object.dataItem.id;
      $scope.showLegalEntityTreeView = {
        display: 'none'
      };
    };