angularjs - 在 AngularJS 指令中使用属性文本值

Question

借助 John Lindquist 创建的 YouTube 教程，我能够使用模板创建指令。参见 fiddle :http://jsfiddle.net/37PSs/

现在，我想使用属性的值作为函数调用的变量。像这样的事情:

html:
    <hello-world name="World"></hello-world>

javascript - directive:
    template: '<span>myFunction({{name}})</span>'

javascript - myFunction(theirName):
    return ("Hello, " + String(theirName) + "!");

我能得到的最接近的是将[对象窗口]传递给我的函数。

Answer 1

您需要将函数调用包装在 {{}} 中，如下所示:

var myApp = angular.module('myApp',[]);

myApp.directive('helloWorld', function() {
    return {
        restrict: 'E',
        scope: {
            name: '@'
        },
        controller: function ($scope) {
            $scope.myFunc = function (input) {
                return "Hello there, " + input + "!";
            }
        },
        template: '<span>{{myFunc(name)}}</span>',
    }
});

更新的 fiddle :http://jsfiddle.net/bh2KY/