angular.js - angular的指令如何赋值给控制的值呢？

问题描述

问 题

比如，我在主控制器中有一个参数是： $scope.datas

然后，我在这里有一个指令，在指控的控制器上请求数据，然后想要赋值给主控制器的 $scope.datas。
如何得逞呢？

如，指令：

app.directive('profitSearch', function () {

    return {

        restrict: 'AE',
        scope: {
            datas: "="
        },
        templateUrl: "/templates/profitSearch.jsp",
        controller: function ($scope, $http) {

        $http({
                    url: 'doSearch.req',
                    method: 'POST',
                    data: $scope.searchObject
                }).success(function (response, header, config, status) {

                    $scope.datas = response.content;

                }).error(function (response, header, config, status) {


                });

}

指令在页面直接应用：

<profit-search></profit-search>

但是这样赋值是错误的：
$compile:nonassign

怎么破呢？我上面不是用了双向绑定了吗？

解决方案

你指令上使用的时候没有赋值， 试试改成这样。

 scope: {
    datas: "=?"
 },

或者给指令赋值

<profit-search datas="datas"></profit-search>

https://docs.angularjs.org/error/$compile/nonassign

这篇关于angular.js - angular的指令如何赋值给控制的值呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！