angular 在鼠标事件变量中过滤
angular filter in a mouse event variable
有没有办法在鼠标事件发生变化的变量中放置过滤器?
例如,如果我有 ng-mouseover="text = 'Create a new item in this list'"
,我想用一个从 JSON 文件中读取翻译的过滤器替换它:ng-mouseover="text = '{{'create_new'|translate}}'"
但这在angular中是不可接受的。它在语法上是错误的还是根本不可能?
你可以这样做:
ng-mouseover ="item.showText = true"
ng-moseleave = "item.showText=false"
你可以在你的项目上设置 html-css class 并将其 ng-show 属性设置为:
ng-show="item.showText"
示例:
<label class=".." ng-Model="item" ng-mouseover ="item.showText = true" ng-moseleave = "item.showText=false"> {{item.text}} </label>
<span ng-show="item.showText">{{'create_new' | translate }}</span>
这不完全是解决方案,这只是您的想法。正如我所说,您可以通过 css-html 支持来解决这个问题。
有没有办法在鼠标事件发生变化的变量中放置过滤器?
例如,如果我有 ng-mouseover="text = 'Create a new item in this list'"
,我想用一个从 JSON 文件中读取翻译的过滤器替换它:ng-mouseover="text = '{{'create_new'|translate}}'"
但这在angular中是不可接受的。它在语法上是错误的还是根本不可能?
你可以这样做:
ng-mouseover ="item.showText = true"
ng-moseleave = "item.showText=false"
你可以在你的项目上设置 html-css class 并将其 ng-show 属性设置为:
ng-show="item.showText"
示例:
<label class=".." ng-Model="item" ng-mouseover ="item.showText = true" ng-moseleave = "item.showText=false"> {{item.text}} </label>
<span ng-show="item.showText">{{'create_new' | translate }}</span>
这不完全是解决方案,这只是您的想法。正如我所说,您可以通过 css-html 支持来解决这个问题。