javascript - 绑定(bind)到 Angular 中的 Controller 对象

Question

我是 Angular 的新手，试图将一个元素的内容绑定(bind)到 Controller 的范围中，以便能够在另一个函数中使用它:

这是我正在解决的场景:

我想要 <span> 的内容元素 {{y.facetName}}在

<span ng-model="columnFacetname">{{y.facetName}}</span>

发送到 Controller 并放入对象$scope.columnFacetname在 Controller 中

这是我正在做的事情的一个片段:

<div ng-repeat="y in x.facetArr|limitTo: limit track by $index ">
        <div class="list_items panel-body ">
            <button class="ButtonforAccordion" ng-click="ListClicktnColumnFilterfunc(); onServerSideButtonItemsRequested(ListClicktnColumnFilter, myOrderBy)">
                <span>{{$index+1}}</span>
                <span ng-model="columnFacetname">{{y.facetName}}</span>
                <span>{{y.facetValue}}</span>
            </button>
        </div>
</div>

angular.module('mainModule').controller('MainCtrl', function($scope, $http) {
                $scope.columnFacetname = "";
                $scope.ListClicktnColumnFilter = "";
                $scope.ListClicktnColumnFilterfunc = function() {
                    $scope.ListClicktnColumnFilter = "\":\'" + $scope.columnFacetname + "\'";
                };
            }

问题是 $scope.ListClicktnColumnFilter不显示 $scope.columnFacetname在其中，意味着 $scope.columnFacetname没有绑定(bind)好。

Answer 1

在你的 ng-click 而不是调用两个不同的函数

ng-click="ListClicktnColumnFilterfunc(); onServerSideButtonItemsRequested(ListClicktnColumnFilter, myOrderBy)"

你可以这样声明

ng-click="columnFacetname = y.facetName; onServerSideButtonItemsRequested(columnFacetname , myOrderBy)"

您正试图通过将该模型分配给 Controller 中的 ListClicktnColumnFilter 来将该模型传递给另一个函数

通过这样做，你可以达到同样的目的。

我用示例数组做了一个 plunker，

http://embed.plnkr.co/YIwRLWXEOeK8NmYmT6VK/preview

希望这对您有所帮助!