我是Angular的新手,如果值!==为空,则尝试将字符串绑定到模型。这适用于一个输入,但是我想将多个文本输入合并为一个字符串。
<input type="text" ng-model="data.source">
<input type="text" ng-model="data.medium">
<span ng-show="data.source"><h3>{{'additionToSource' + data.source}}</h3></span>
<span ng-show="data.medium"><h3>{{'additionToMedium' + data.medium}}</h3>
如果要隐藏整个元素,则可以简单地将ng-show
orng-hide
指令添加到h3
自身。
或者,您可以在绑定中使用三元数来确定绑定的内容:
{{foo ? 'some string '+foo : ''}}
说明:
foo //if $scope.foo is truthy (not empty)
? 'some string '+foo //bind a string with $scope.foo concatenated to the end
: '' //otherwise, bind in an empty string
对于您的代码,它将是:
<h3>{{data.source ? 'additionToString' + data.source : ''}}</h3>
根据您的评论,您可能还希望返回具有以下功能的绑定:实时演示(单击)。
<input ng-model="foo">
<h3 ng-show="foo">{{bar()}}</h3>
<h3>{{foo ? bar() : ''}}</h3>
JavaScript:
$scope.foo = '';
$scope.bar = function() {
return 'added value '+$scope.foo;
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句