angularjs 1.6.9 ng-bind ng-bind-html

`ng-bind` 和 `ng-bind-html` 都是 AngularJS 提供的指令，用于将数据绑定到 HTML 元素中。

`ng-bind` 可以将表达式中的数据绑定到元素的文本内容中，例如：

<p ng-bind="message"></p>

当 `$scope.message` 的值发生变化时，`<p>` 元素的内容会自动更新。

`ng-bind-html` 与 `ng-bind` 类似，但是它可以将 HTML 代码作为字符串绑定到元素中，并且会对 HTML 代码进行安全过滤，避免 XSS 攻击，例如：

<p ng-bind-html="message"></p>

需要注意的是，使用 `ng-bind-html` 必须引入 `ngSanitize` 模块，例如：

angular.module('myApp', ['ngSanitize']);

相关问题

angularjs 1.6.9 select ng-bind

在 AngularJS 1.6.9 中，您可以使用 `ng-options` 指令来设置下拉选项列表，然后使用 `ng-model` 指令将选定的值绑定到模型中。 如果您想在选项中显示另一个值，可以使用 `ng-bind` 指令。

以下是一个简单的示例：

HTML 代码：

<select ng-model="selectedItem" ng-options="item.id as item.name for item in items">
    <option value="">Select an item</option>
</select>
<p>You selected item {{selectedItem}} - {{selectedItemName}}</p>

AngularJS 控制器代码：

$scope.items = [
    {id: 1, name: 'Item 1'},
    {id: 2, name: 'Item 2'},
    {id: 3, name: 'Item 3'}
];
$scope.selectedItem = '';
$scope.selectedItemName = '';

$scope.$watch('selectedItem', function(newVal, oldVal) {
    if (newVal !== oldVal) {
        var selectedItem = $filter('filter')($scope.items, {id: $scope.selectedItem});
        $scope.selectedItemName = selectedItem[0].name;
    }
});

在这个例子中，`ng-options` 指令将选项列表设置为 `items` 数组中的每个项目的 `id` 属性和 `name` 属性的组合。 `ng-model` 指令将所选项目的 `id` 绑定到 `$scope.selectedItem` 变量中。 最后，`ng-bind` 指令将 `$scope.selectedItemName` 变量绑定到选中项目的 `name` 属性，以显示所选项的名称。

angularjs 1.6.9 ng-bind指令

在 AngularJS 1.6.9 中，ng-bind 指令用于绑定 HTML 元素的 innerText 或 value 属性到表达式的值。

例如，可以使用以下代码将一个变量绑定到一个 HTML 元素的 innerText 属性：

<div ng-bind="myVariable"></div>

在上面的代码中，变量 myVariable 的值将显示在 div 元素的 innerText 属性中，当该变量的值发生变化时，div 元素的文本也会更新。

类似地，也可以使用 ng-bind 指令将变量绑定到 input 元素的 value 属性：

<input type="text" ng-bind="myVariable" />

在上面的代码中，变量 myVariable 的值将显示在 input 元素的 value 属性中，当该变量的值发生变化时，input 元素的值也会更新。

需要注意的是，ng-bind 指令只能绑定表达式的值到元素的 innerText 或 value 属性中，而不能绑定 HTML 代码。如果需要绑定 HTML 代码，可以使用 ng-bind-html 指令。