javascript - 如何使用angularjs从html调用自定义函数？

Question

我想在我的 js Controller 中定义单独的方法，如下所示:

    angular.module('test').controller('mycontroller', mycontroller);
    function mycontroller() {
        //do sth
    };

    function test(value) {
        console.log(value); //this is never written
    };

这样我就有了一个干净的结构，每个方法都在它自己的 block 中分开。

但是当我尝试如下使用它时，没有输出。

<div ng-controller='mycontroller'>
    {{test('printme')}}
</div>

为什么？

Answer 1

尝试将您的测试功能放入您的 Controller 中，并将其更改为

$scope.test = function(value){
    console.log(value)
};

同时将 $scope 依赖项添加到您的 Controller