javascript - サンプル コードで ng-init または ng-bind が機能しない

Question

私のコード:

その単純ですが、私は行方不明です:

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

ジャスフィデル

Answer 1

このコードは異なりますが、どのように機能するかを見ることができます。表示することはできません。

<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>