如何在{{}} AngularJS中使用JavaScript

发布时间：2020-12-17 07:32:46 所属栏目：安全来源：网络整理

导读：我知道{{}}可以解释表达式但是当我尝试在其中使用 javascript时,它不像{{“a / b / c / d /”.split(‘/’).过滤器(函数( n){return n}).reverse()[0]}} 我需要使用它来从url获取slug值. 请建议如何使用angularjs实现这一点,url的来源是来自外部feed,因此我

我知道{{}}可以解释表达式但是当我尝试在其中使用 javascript时,它不像{{“a / b / c / d /”.split(‘/’).过滤器(函数( n){return n}).reverse()[0]}}

我需要使用它来从url获取slug值.

请建议如何使用angularjs实现这一点,url的来源是来自外部feed,因此我对此的控制非常有限.

不支持完整的JS,即便如此,这也是一种不好的做法.

我建议你至少将它放在控制器的示波器功能中.
更好的方法是将其放入服务或过滤器中,因此如果您希望稍后将其重新用于其他目的,您可以：

$scope.getSlug = function( str ) {
  return str.split( "/" ).filter(function( n ) {
    return n;
  }).reverse()[ 0 ];
};

然后,在您的模板中：

{{ getSlug( "a/b/c/d/" ) }}
{{ getSlug( myModelProperty ) }}

此外,阅读Angular docs about expressions也是有效的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!