Rumah > Soal Jawab > teks badan
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="../css/lib/bootstrap4.css">
<script type="text/javascript" src='../js/lib/angular.js' ></script>
<script type="text/javascript" src='js/initAndController.js'></script>
</head>
<body ng-init="foo='bar'">
<p ng-controller="myCtrl">
</p>
</body>
</html>
js
var app = angular.module('app', []);
app.controller('myCtrl', ['$scope', function($scope){
console.log(foo)
}])
Mengapakah ia melaporkan ralat yang mengatakan bahawa foo
ialah undefined
?
Selain itu, kod berikut juga membingungkan saya:
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="../css/lib/bootstrap4.css">
<script type="text/javascript" src='../js/lib/angular.js' ></script>
<script type="text/javascript" src='js/directive.js'></script>
</head>
<body ng-controller="myCtrl">
<my-directive />
<h1 ng-init="greet='hello world'">
The greeting is {{greet}}
</h1>
</body>
</html>
js
var app = angular.module('app', []);
app.controller('myCtrl', ['$scope', function($scope){
}])
app.directive('myDirective',function(){
return {
restrict : 'E',
replace : true,
template : '<a href="http://google.com">to Google</a>'
}
})
Mengapa hanya terdapat satu hasil ke Google tetapi tiada teks dalam teg h1?
仅有的幸福2017-05-15 17:00:37
Yang pertama: console.log(foo)
Ini sepatutnya console.log($scope.foo)
Yang kedua: Fahami maksud atribut replace:true
仅有的幸福2017-05-15 17:00:37
Mengapakah ia melaporkan ralat mengatakan foo tidak ditentukan?
Kerana ng-init anda ditakrifkan di luar ng-controller="myCtrl". Saya rasa ng-init tidak akan dilaksanakan sehingga semua pengawal dimulakan, jadi pada masa ini foo tidak ditentukan
Mengapa hanya terdapat satu hasil carian Google tetapi tiada teks dalam teg h1?
Soalan ini tidak jelas.