感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
点我查看本站打赏源码！
Powered by RUNCODEX.COM，学的不仅是技术，更是梦想！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AngularJS</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
</head>
<body>
<div class="body" ng-app="myApp" ng-controller="myCtrl">
<div class="navigation">
</div>
<div class="content">
<p>FirstName:<input class="firstNI" type="text" ng-model="firstName"></p>
<p>LastName:<input class="lastNI" type="text" ng-model="lastName"></p>
Name: <span ng-bind="firstName+' '+lastName"></span><br>
<p>循环对象：</p>
<ul>
<li ng-repeat="n in names"><span ng-bind="n.name + '---' + n.country"></span></li>
</ul>
<li ng-repeat="s in sites"><span ng-bind="s.name + '---' + s.url"></span></li>
</body>
</html>
xxxxxxxxxx
var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.names = [{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]
$scope.sites = [{ "name":"runcodex" , "url":"www.runcodex.com" },
{ "name":"google" , "url":"www.google.com" },
{ "name":"微博" , "url":"www.weibo.com" }
];
});
.body{
}
.navigation{
background:#393D49;
width:100%;
height:13%;
.content{
background:#1E9FFF
.content .firstNI{
.content .lastNI{
