Question

我想部署一个输入字段（<input..>），其中包含占位符和标题（用于工具提示），其工作原理如下：

有一个范围变量＆＃34; myString＆＃34;可以是未定义/空或分配给它的字符串。如果为空，则应将默认字符串显示为占位符，否则为＆＃34; myString＆＃34;将会出现。

我使用的是AngularJS，但是ng-if似乎没有提供一个好的解决方案（即两次使用相同的HTML，并根据myString的值显示其中一个）。

由于

Answer 1

<input ng-model="modelName" placeholder="{{placeHolderString}}">

$scope.myString = "";
$scope.placeHolderString = $scope.myString != "" ? $scope.myString : defaultString;

如果myString值每次都改变。您可能需要在该变量上编写一个监视表，如：

$scope.$watch('myString', function (newVal, oldVal) {
    // assign whatever string you have to assign to the placeHolderstring based on the new Value
});

Answer 2

如果||（未定义或为空）falsy，您可以使用myString运算符呈现默认字符串：

<input placeholder="{{ myString || 'Default placeholder' }}">

Angularjs html占位符和标题中的替代字符串

2 个答案: