1. 程式人生 > >學習angular之:ng-app

學習angular之:ng-app

doc 一段 添加 body doctype 效果 utf set size

剛開始自學angular,遇到一個問題:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
    <div ng-app="myapp">
        <p>
名字 <input type="text" ng-model="name"> <h1>hello!{{name}}</h1> </p> </div> </body> </html>

我設定ng-app=“myapp”,結果效果不是我預想的那樣,name綁定無效

頁面顯示為這樣:

技術分享

後來找到了兩個解決辦法:

一:將ng-app=“myapp”改為ng-app=“”

二:在body中添加一段script代碼:

<script type="text/javascript"
> angular.module("myapp",[]); </script>

頁面顯示達到預想效果:

技術分享

學習angular之:ng-app