Angularjs 角度ngApp指令 名字: 您输入:{{firstname}
上面的代码可以。但是如果将ng app=”“指令移动到form元素,则它将不起作用。你知道为什么吗。为什么表单元素不接受ng app指令并引导应用程序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>
<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>