Question

我遇到了ng-model的问题。当我从建议列表中添加标签时，它没有更新模型值，直到我没有删除标签并再次添加。在我的项目中它的工作正常，但仅限于它的发生。请发布。看看这个并帮助我..

谢谢..

这是我的HTML： -

<tags-input ng-model="tags2" display-property="tagName" on-tag-added="getTags()" id="target">
                          <auto-complete source="loadTags($query)" min-length="2"></auto-complete>

                 </tags-input>
                 <p>{{tags2}}</p>

这是我的js： -

    var app = angular.module('myApp', ['ngTagsInput', 'ui.bootstrap']);
  app.controller(
    'myController',

  function($scope, $http) {
   $scope.tagsValues =[];
    $scope.loadTags = function(query) {



        return $http.get('tags.json');
    };

    $scope.getTags = function() {


        $scope.tagsValues = $scope.tags2.map(function(tag) {
            return tag.tagId;
        });


    alert(" Tag id is :"+ $scope.tagsValues);

    };


  });

这是我的傻瓜： -

http://plnkr.co/edit/6Mr2qk2S2RvGJLevf2UI?p=preview

Answer 1

要使这项工作所要做的就是首先定义并初始化变量$ scope.tags2：

var app = angular.module('myApp', ['ngTagsInput', 'ui.bootstrap']);
app.controller(
'myController',

function($scope, $http) {
   $scope.tagsValues = '';
   $scope.tags2 = [];

    $scope.loadTags = function(query) {
        return $http.get('tags.json');
    };

    $scope.getTags = function() {

        $scope.tagsValues = $scope.tags2.map(function(tag) {
            return tag.tagId;
        });

        alert(" Tag id is :"+ $scope.tagsValues);

    };

});

请参阅我的plunker：http://plnkr.co/edit/Y3f8kLBnexOXg5gwmldL?p=preview

我的ng模型没有第一次更新

1 个答案: