当尝试从Controller调用函数时,它没有响应

时间:2015-04-21 13:27:27

标签: javascript angularjs jointjs

我试图从其他javascript文件调用我的jointController中的函数。

var app1 = angular.module('jointApp',[]);
var createStateBox = function(label,color){

var state = new uml.State({
    position: {x: 0, y: 0},
    size: {width: 200, height: 100},
    name: "<<"+label+">>",
    events: [label+" box"],
    attrs:{rect:{fill:color},path:{"stroke-width":0}}

});
app1.controller('jointController', function($scope) {
    $scope.setDecision(state);
    alert("This is reached");
});
    paper.model.addCell(state);
}

这是jointMod.js中包含jointController

的代码
var app = angular.module('jointApp', []);

function JointController($scope, $http, $filter) {

    $scope.list = [];

    $scope.newMsg = 'hello';
    $scope.newDecision;

    $scope.setMsg = function(msg) {
        $scope.newMsg = msg;
    }

    $scope.sendPost = function() {
        var data = $.param({
        json: JSON.stringify({
            msg: $scope.newMsg
            })
         });

    $scope.setDecision = function(decision){
        $scope.newDecision = decision;
        alert("one two one two")
        console.log(decision);
    }

    $http({
        method: 'POST',
        url: 'http://213.65.171.121:3000/decision',
        data: $scope.newMsg,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformRequest: function(obj) {
            var str = [];
            str.push(encodeURIComponent("action") + "=" + encodeURIComponent(obj));
            return str.join("&");
        }
    }).success(function(data, status, header, config) {
                $scope.list.push(status);
        }).error(function(data, status, header, config) {
                $scope.list.push(status);
        });
    };
};

我有警报和控制台登录,以确保他们是否可以联系但他们没有回应。

1 个答案:

答案 0 :(得分:0)

您提供的代码无法正常运行。如果你们同时使用它们,那就不是最好的了。

两个代码都引入了一个新模块jointApp,实际上只有第一个模块定义了一个控制器。该控制器的$scope与第二个代码中的函数不同。

如果要从控制器外部调用方法,请查看角度事件。这将是存档的最佳方式。您还可以使用虚拟对象并对其进行双向绑定(scope: { dummy: '=' }),然后从其他代码部分调用您在指令中对该对象创建的方法。

看看这个plnkr展示两种方法。

http://plnkr.co/edit/YdcB10UpXGqKAxYzXISL?p=preview