ng-init 或 ng-bind 不适用于示例代码

Question

我的代码：

它很简单，但我不明白我是否想念：

<div ng-app="sample" ng-init="firstName='somnath'">
    <p>My name is: <span ng-bind="firstName"></span> 
    </p>
</div>

Jsfiddel

Answer 1

同一页上的第一件事 ng-app 将不起作用，总是第一个被 angular 阅读。您需要使用 angular.bootstrap 在两个元素上初始化 angular。

标记

<div id="app">
    <p>Name:
        <input type="text" ng-model="name" />
    </p>
    <h1 ng-bind="name" />
</div>
<div id="app1" ng-init="firstName='somnath'">
    <p>My name is: <span ng-bind="firstName"></span> 
    </p>
</div>

代码

var app = angular.module('app',[])
var app1 = angular.module('app1',[])

angular.element(document).ready(function() {
    angular.bootstrap(document.getElementById('app'), ['app']);
    angular.bootstrap(document.getElementById('app1'), ['app1']);
});

Updated Fiddle

Answer 2

此代码不同，但您可以看到它是如何工作的，但不能显示

<div ng-app="sample" ng-init="firstName='somnath'">
    <p>My name is: <span ng-bind="firstName"></span> 
    </p>
</div>

你需要将firstName赋给ng-model（例如ng-model="firstname"），那么只有它才会被认为是属性，否则无法识别因此无法显示.

 <div ng-app="" ng-init="name='somnath'" >
        <p>Name:
            <input type="text" ng-model="name" />
        </p>

    <p>
       My name is:<span ng-bind="name"></span> 
        </p>
    </div>

ng-init 或 ng-bind 不适用于示例代码

ng-init or ng-bind does not work for sample code

javascript

angularjs

angularjs-bootstrap

angularjs-ng-init