角度控制器$scope。显示未定义值的fId

Question

我想使用输入fId值在角控制器FollowBtnCtrl，我做了一个按钮，称为跟随我（）函数，在FollowBtnCtrl控制器内定义，当我得到$box. fId控制器内的值显示未定义的值。请检查我的代码，告诉我哪里错了，对不起这个愚蠢的问题，但我是新的angularjs.提前感谢

角度控制器：

.controller("FollowBtnCtrl", function ($scope) {
    $scope.followMe = function () {
        alert($scope.fId);
    }
});

Html代码：

<div ng-controller="FollowBtnCtrl">
    <ons-toolbar-button>
        <input ng-model="fId" id="fId" type="hidden" value="10" />
        <button ng-click="followMe()" class="followButton button button">
            Hello
        </button>
    </ons-toolbar-button>
</div>

Answer 1

ng-model用于双向绑定，即更改输入的值。

这就是为什么，您需要做的是删除输入的value属性，并在控制器内初始化fId。

您的输入：

<input ng-model="fId" id="fId" type="hidden" />

和您的控制器：

.controller("FollowBtnCtrl", function ($scope) {
    $scope.fId = 10;

    $scope.followMe = function () {
       alert($scope.fId);
    }
});

Answer 2

不能使用角度中的“值”属性为fId赋值。这是新角度应用中的常见错误。如果可以避免的话，您不希望将值写入服务器上的HTML中。如果事实上，如果你能摆脱让你的服务器完全呈现HTML，那就更好了。

理想情况下，您希望发送Angular超文本标记语言模板，然后通过JSON中的$超文本传输协议下拉您的值，并将它们放在您的范围内。但是如果你想通过html提供价值，你可以使用ng-init。

<代码>

请参阅：AngularJS-当使用ng模型时，输入文本框上的值属性被忽略？

Answer 3

您可以在工具栏按钮上创建另一个作用域。您可以访问父followMe（），但父对象不能访问该范围的定义变量（fId）。许多解决方案。。。这里有一个：

ng-单击="跟随我（fId）"和$scope.follow我=函数（fId）{...}