angular之ng-value指令
发布时间:2020-12-17 09:44:57 所属栏目:安全 来源:网络整理
导读:!DOCTYPE html html head meta charset = "UTF-8" title angular-value / title script src = "js/angular.min.js" / script / head body div ng-app = "hd" ng-controller = "ctrl" 名称: input type = "text" ng-model = "goods.name" / br / 价格: inpu
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>angular-value</title>
<script src="js/angular.min.js"></script>
</head>
<body>
<div ng-app="hd" ng-controller="ctrl">
名称:<input type="text" ng-model="goods.name" />
<br />
价格:<input type="text" ng-model="goods.price" /> <br />
数量:<input type="text" ng-model="goods.num" /> <br />
总价:<input type="text" ng-value="goods.num*goods.price" readonly="readonly"/>
</div>
<script type="text/javascript"> var m=angular.module('hd',[]); m.controller('ctrl',['$scope',function($scope){ $scope.goods={"name":"apple","price":20,"num":2}; }]) </script>
</body>
</html>
ng-value 指令用于设置 input 或 select 元素的 value 属性。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angularjs – Angular-ui-bootstrap – 日期选择器 – 如何
- Webservice(实践)——入门实例
- twitter-bootstrap – bootstrap行和列不起作用
- Angular2 – OnInit:从Service’subscribe函数返回的值未分
- Scala中受保护的功能
- 在Vim中跳转/放置光标
- 使用angular 4在datatables.net中实现自定义搜索
- angularjs – 在“onEnter”钩子中获取状态的名称
- openldap – 无法通过Apache Directory Studio GUI访问cn =
- Dockerfile“rm -Rf”失败