javascript - Angular js获取div元素问题

Question

我试图通过 ng-click 获取 div 元素值，但它出现一个警报 undefined。我的 HTML 是

<div ng-model='myName'>this is my name</div>
<br/>
<input type="button" value="Show Name" ng-click="showName()"/>

脚本是

$scope.showName = function(){
        var nameOne = $scope.myName;
        alert(nameOne);
    }

如何解决这个问题。谢谢。

Answer 1

ngModel 指令不能与普通 div 一起使用(除非该元素是自定义表单控件)，请参阅 https://docs.angularjs.org/api/ng/directive/ngModel

<div ng-init="myName = 'this is my name'">{{ myName }}</div>
<br/>
<input type="button" value="Show Name" ng-click="showName()"/>

笨蛋here

编辑:在 ngRepeat 之外使用 ngInit 被视为 bad practice ，在 Controller 中初始化作用域变量

$scope.myName = 'this is my name';
$scope.showName = function() {
    alert($scope.myName);
}