angularjs - 触发 AngularJS ng-show 的最佳方式

Question

我正在 AngularJS 中构建一个自动完成框。相关代码如下所示

<input type="text" ng-model="tag">
<div ng-show="tag">
  <ul>
    <li ng-repeat="t in user.tags | filter:{name:tag}">
      <a>{{t.name}}</a>
    </li>
  </ul>
</div>

我想知道当“标签”没有值时显示建议列表的最佳方式是什么(即我想在用户按下向下键时显示所有标签。无需提及按键代码回答)。

Answer 1

ng-show 适用于任何结果为 bool 的表达式，因此您需要做的就是将“tag”替换为“tag === ''”，或者如果您的标记将要未定义或为空，则使用一些等效项。

如果您只想显示某个键何时被按下，我将创建另一个变量，当按下向下键时您将其设置为 true 并检查它，例如

$scope.KeyPressed = false;
$scope.Tags = '';

$scope.ShowTags = function () {
    return $scope.KeyPressed && $scope.Tags !== '';
};

然后在你的div中:

<div ng-show="ShowTags()">

见 jsfiddle例如

如果您需要从 jquery 插件中更改任何变量，您可能需要使用

$scope.$apply()