AngularJS ng-selected

在 AngularJS 中，ng-selected 是一个用来设置 HTML 元素的 selected 属性的指令。它通常用于 <option> 元素，用来指定哪个选项应该被默认选中。

使用方法

ng-selected 指令可以用在 <option> 元素上，也可以用在 <select> 元素上。下面是一个简单的示例，演示了如何在一个 <select> 元素中使用 ng-selected 指什：

<select>
  <option ng-selected="true">Option 1</option>
  <option ng-selected="false">Option 2</option>
  <option ng-selected="false">Option 3</option>
</select>

在上面的示例中，第一个 <option> 元素被设置为默认选中，因为它的 ng-selected 值为 true。

动态设置 ng-selected

有时候，我们需要根据某些条件来动态设置 ng-selected 的值。这可以通过在控制器中定义一个变量，并在 HTML 模板中使用这个变量来实现。下面是一个示例：

<div ng-controller="MyController">
  <select>
    <option ng-selected="isSelected('Option 1')">Option 1</option>
    <option ng-selected="isSelected('Option 2')">Option 2</option>
    <option ng-selected="isSelected('Option 3')">Option 3</option>
  </select>
</div>

angular.module('myApp', [])
  .controller('MyController', function($scope) {
    $scope.selectedOption = 'Option 2';

    $scope.isSelected = function(option) {
      return $scope.selectedOption === option;
    };
  });

在上面的示例中，我们在控制器中定义了一个 selectedOption 变量，用来表示当前选中的选项。然后在 isSelected 函数中，我们根据传入的参数来判断是否该选项应该被选中。

总结

通过使用 ng-selected 指令，我们可以方便地控制哪个选项应该被默认选中。无论是静态设置还是动态设置，都可以通过这个指令来实现。希望本文对你有所帮助！