获取没有方法错误AngularJS Bootstrap HTML

Question

调用此方法 $scope.getImageReturn(); 时出现 has no method 错误；

    JS CODE
function imageModalController($scope, $http, employeeFactory, $modalInstance) {

$scope.session = {};
$scope.getImageReturn();
$scope.cancel = function() {

    $modalInstance.dismiss('cancel');
};

$scope.signUp = function() {
    // alert("call signUp");
    window.location = "index.html#/signUp";
};

$scope.getImage = function(email) {

    employeeFactory.getImage(mail);

};
$scope.getImageReturn = function() {
    $scope.session.img_source = "test";
        //data.path;
};

}

HTML 代码

    <div class="modal-body">
<div class="panel panel-info">

    <div class="panel-heading">Attachment</div>
    <div class="panel-body">

        <label>{{img_source}}</label>
    </div>

</div>

不调用 getImageReturn 时会弹出模态框。所以我知道一个事实，它只是具有那个功能。不知道为什么会发生，而且真的想不出原因

Answer 1

在调用方法之前，将此声明移动到控制器的顶部。

$scope.getImageReturn = function() {
    $scope.session.img_source = "test";
        //data.path;
};

Answer 2

只需将{{img_source}} 替换为{{session.img_source}}，因为img_source 没有直接附加到$scope。

确实，数据绑定的括号允许您省略$scope，但不能省略$scope 和您的目标之间的中间对象。