Question

我已编写以下程序来打印Hello, Angular!，但它不起作用。请指导。

<!DOCTYPE html>
<html ng-app="gemStore"  ng-init="person={text:'Hello, Angular!'>
  <head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
  </head>
  <body>
    <h1><div>
    {{person.text}}
  </div></h1>
  </body>
</html>

Answer 1

您需要ng-init

的右括号和引号

ng-init="person={text:'Hello, Angular!'}"

Answer 2

替换：

ng-init="person={text:'Hello, Angular!'>

使用：

ng-init="person={text:'Hello, Angular!'}">

Answer 3

你有错误的错误，请用下面的代码替换。

<!DOCTYPE html>
<html ng-app="gemStore"  ng-init="person={text:'Hello, Angular!'}>
  <head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
  </head>
  <body>
    <h1><div>
    {{person.text}}
  </div></h1>
  </body>
</html>

Answer 4

你忘记了正确的支撑和报价。请参阅下面的示例。

显示Hello，Angular！在Angular JS中

4 个答案: