目标实现：通过点击<li>标签的点击事件改变<p>标签的内容
<div ng-app="MyApp" ng-controller="MyCtrl">
<p ng-model ="myText" ng-init = "myText = '大连'">{{myText}}</p>
<ul>
<li ng-repeat = "x in citys">
<a href="#" ng-click="myClick(x)">{{x}}</a>
</li>
</ul>
</div>
<script>
var myApp = angular.module("MyApp", []);
myApp.controller("MyCtrl", function ($scope){
$scope.citys = ["大连", "北京", "上海"];
$scope.myClick = function (x){
$scope.myText = x;
};
});
</script>
目标实现：通过点击 标签的点击事件改变 标签的内容 {{myText}} {{x}} var myApp = an...
应该熟练应用基本属性及指令比如：ng-model ng-if ng-repeat ng-show 变量输出等 清...
AngularJS 使用基础知识 第一 迭代输出之ng-repeat标签 ng-repeat让table ul o...
情景： 一般我们写代码的时候需要渲染列表等。 实现： 使用ng-repeat可以实现。 ng-repeat的坑： ...
$index可以在ng-repeat直接使用，从0开始计数
如何将AirPods Max与 Mac 搭配使用？本文详细讲解了AirPods Max 与 Mac 搭配使用教程。...
AngularJS day1� :使用angular来引导整个html页面 ng-model="yourname"...
ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以：...
使用如上的数据和ng-repeat指令实现如图所示的效果。 我的思路：
最近维护公司项目，使用的是angularjs，在使用ng-repeat的时候按照以往经验在之前加了
本文标题：ng-repeat与ng-model的简单搭配使用
本文链接：https://www.haomeiwen.com/subject/kybbuttx.html
网友评论