搜索

首页  >  问答  >  正文

angular.js - angular在service下写的赋值在controller的$scope上监听不到?

比如赋值一个对象就无法双向绑定,而赋值成字符串什么的就可以被监听到。如果我必须赋值成对象怎么办才由办法让它能双向绑定(我说的时点击按钮后赋的值不能绑定)

<body ng-app="app">

    <p ng-controller="loginCtrl">
        <pre>{{info}}</pre>
        <button ng-click="setvalue()">aaaa</button>
    </p>
    <p ng-controller="loginCtrl">{{info.isIn}}</p>
    <script type="text/javascript">
    var app = angular.module('app', []);

    app.factory('login', ['$timeout', function($timeout){
        var ret = {}

        ret.info = {
            isIn:false
        }
        //如果这里赋值成这样
        var dd = {
            isIn:'aaaaa'
        }
        $timeout(function() {
            ret.info.isIn = true;
        }, 1000);
        ret.setvalue = function(){
            //这里的修改就无法绑定,这事为什么
            ret.info = dd
            //ret.info.isIn=dd.Isin  //这样写就可以
        }
        return ret;
    }]);

    app.controller('loginCtrl', ['$scope', 'login', function($scope, login){

        $scope.info = login.info;
        $scope.setvalue = function(){
            login.setvalue('dddd')
        }
    }])
    </script>
</body>

因为服务器上的数据就是一个jsonp对象,传下来有很多。
各位大大求救啊~~,上面的代码引入angular就能跑了,帮我改正改正

天蓬老师天蓬老师2774 天前647

全部回复(2)我来回复

  • 给我你的怀抱

    给我你的怀抱2017-05-15 16:53:05

    雷雷

    回复
    0
  • 仅有的幸福

    仅有的幸福2017-05-15 16:53:05

    这个涉及到的是js基础知识,和angular没什么关系了。简单示例:

    jsvar ret = {};
    ret.info = {isIn:false};
    var $scope = {};
    $scope.info = ret.info;
    
    //这里修改
    ret.info = {isIn:true,xx:'xx'};
    console.log(ret.info, $scope.info);// 结果是:Object {isIn: true, xx: "xx"} Object {isIn: false}
    

    回复
    0
  • 取消回复