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.bootstrap初始化两个元素的角度。

<强>标记

<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

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

<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不适用于示例代码

2 个答案: