AngularJS ng-value 指令

返回到:AngularJS 参考手册

定义和用法

ng-value 指令用于设置 input 或 select 元素的 value 属性。

语法

<input ng-value="expression"></input>

<input> 和 <select> 元素支持该属性。

参数值

描述
expression表达式用于设置 value 属性的值。

AngularJS 实例

设置输入框的值:

<!DOCTYPE html>
<html>
<head>
 <title>AngularJS 实例 | Web176教程网web176.com</title>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<input ng-value="myVar">

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "Hello World!";
});
</script>

<p>该实例演示了如何使用 AngularJS 表达式来设置输入框的值。</p>

</body>
</html>

返回到:AngularJS 参考手册

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

3 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

1 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

4 周 ago