Angularjs 角度ngApp指令 名字: 您输入:{{firstname}

Angularjs 角度ngApp指令 名字: 您输入:{{firstname},angularjs,Angularjs,上面的代码可以。但是如果将ng app=”“指令移动到form元素,则它将不起作用。你知道为什么吗。为什么表单元素不接受ng app指令并引导应用程序 <div ng-app=""> <form> First Name: <input type="text" ng-model="firstname"> </form> <h1>You entered: {{firstname}}</h1>

上面的代码可以。但是如果将ng app=”“指令移动到form元素,则它将不起作用。你知道为什么吗。为什么表单元素不接受ng app指令并引导应用程序

  <div ng-app="">
    <form>
      First Name: <input type="text" ng-model="firstname">
    </form>
    <h1>You entered: {{firstname}}</h1>
  </div>
//这行不通
名字:
您输入:{{firstname}

感谢

ng app
是用于初始化应用程序的指令
因此,它主要用于应用程序的
标记主标记
比如:-


<body ng-app="myApp"></body>

//添加其他元素

此类型的指令不适用于子元素,即使您应用它也不起作用,因为通过使用此应用程序不会考虑父元素,因此明显的子元素也将不工作。 在您的情况下,如果您在顶层使用

标记,那么您可以像这样使用它:-

<div ng-app="myApp">
  <form>
     // add other elements
  </form>
</div>

ng app
是用于初始化应用程序的指令
因此,它主要用于应用程序的
标记主标记
比如:-


<body ng-app="myApp"></body>

//添加其他元素

此类型的指令不适用于子元素,即使您应用它也不起作用,因为通过使用此应用程序不会考虑父元素,因此明显的子元素也将不工作。 在您的情况下,如果您在顶层使用

标记,那么您可以像这样使用它:-

<div ng-app="myApp">
  <form>
     // add other elements
  </form>
</div>

理想情况下,ng应用程序应该位于根级别。但是在你的代码中,有些部分在ng应用程序之外,而angular不负责 e、 g.h1标签 您可以将其写入表单元素中,也可以将ng app带到根级别


名字:
您输入:{{firstname}

理想情况下,ng应用程序应该位于根级别。但是在你的代码中,有些部分在ng应用程序之外,而angular不负责 e、 g.h1标签 您可以将其写入表单元素中,也可以将ng app带到根级别


名字:
您输入:{{firstname}

它会起作用,问题在于应用程序的
范围。您在
上定义了
ng app
,因此范围仅限于标记的开始到结束。现在,您将您输入的
放置在
ng app
的边界之外:{{firstname}
,这样它就不起作用了

检查工作plnkr-


名字:
您输入:{{firstname}

它会起作用,问题在于应用程序的
范围。您在
上定义了
ng app
,因此范围仅限于标记的开始到结束。现在,您将您输入的
放置在
ng app
的边界之外:{{firstname}
,这样它就不起作用了

检查工作plnkr-


名字:
您输入:{{firstname}
来自以下文档:

使用此指令自动引导AngularJS应用程序。这个 ngApp指令指定应用程序的根元素,并且 通常放置在页面的根元素附近-例如,在 或者标签

在此代码中,
ngapp
指令处于顶层,角度表达式
{{firstname}
将从模型中获取其值

<form ng-app="">
       First Name: <input type="text" ng-model="firstname">

       <h1>You entered: {{firstname}}</h1>
    </form>
从以下文件:

使用此指令自动引导AngularJS应用程序。这个 ngApp指令指定应用程序的根元素,并且 通常放置在页面的根元素附近-例如,在 或者标签

在此代码中,
ngapp
指令处于顶层,角度表达式
{{firstname}
将从模型中获取其值

<form ng-app="">
       First Name: <input type="text" ng-model="firstname">

       <h1>You entered: {{firstname}}</h1>
    </form>

ng应用程序需要是顶级的。放入body tagng应用程序需要是顶级的。贴上身体标签
<div>
    <form ng-app="">
       First Name: <input type="text" ng-model="firstname">
    </form>
    <h1>You entered: {{firstname}}</h1>
</div>