AngularJS - HTML中的调用函数

Question

我已经完成了getAge()我的功能custom.js.需要在我的HTML页面中调用此函数.

所以我尝试的是这样的: -

<td>{{getAge(user.basicinformation[0].dateofbirth)}}</td>

我看不到任何结果.

如何在HTML中调用函数？

Answer 1

所以创建一个过滤器getAge.

app.filter("getAge", function(){
   return function(input){
      // Your logic
      return output; 
   }
});

然后用HTML调用它:

<td>{{ user.basicinformation[0].dateofbirth | getAge }}</td>

但是@NitishKumar,`$ scope.user = user`是在Angular中做到这一点的方式.无论如何,您需要在解决方案中执行此操作,否则过滤器无法访问`user`对象. (4认同)

Answer 2

安装getAge并user在$scope页面控制器.

$scope.user = user;
$scope.getAge = getAge;

确保您在控制器中正确执行此操作并正确设置控制器.除非您使用此DOM视图设置控制器并将$scope服务注入控制器,否则它将无法工作.