当前位置: 首页 > 知识库问答 >
问题:

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

张玺
2023-03-14

我想使用输入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>

共有3个答案

柳飞鸾
2023-03-14

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);
    }
});
谷梁昊空
2023-03-14

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

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

<代码>

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

邹慈
2023-03-14

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

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

 类似资料:
  • 我得到拒绝是在我的角度控制器未定义的错误,我不知道为什么。这就是方法。我添加了所需的所有库。谢谢你,如果你需要更多的信息,让我知道

  • 问题内容: 我是Angular JS的新手,正在使用1.6版本。 我有这个脚本: 这是我的数据: 现在这是我的html页面,我在其中指定了ng-app和ng-controller: 我仍然遇到以下错误,这对我来说是新的: angular.js:14239错误:[$ controller:ctrlreg]未注册名称为’productController’的控制器。 http://errors.ang

  • 问题内容: 我在javascript上非常糟糕,而且对Angular还是很陌生,所以请耐心等待。 我的服务器返回此消息: services.js controller.js 我正在尝试通过访问服务器返回的json,但我正在获取。 在控制台中,如下所示: 我得到的是一个实例,但是如何直接获取值呢? 如果已在控制器中进行设置,则可以通过模板访问它。 我到底如何在控制器中执行此操作? 问题答案: 从文档

  • 问题内容: 我定义了一个范围变量。加载视图时,我从数据库加载字符串并将其设置为。然后,我在正在使用的texteditor(Froala)上进行填充。 下面是该视图的代码: 所以基本上我将texteditor 设置为ng- model。因此,当我对文本编辑器进行更改时,它会修改值。 我发现这很奇怪的一件事是,当我在texteditor中修改文本时,它在div内发生了变化。但是,它不会在div之外更新

  • 问题内容: 我试图添加一个自定义过滤器,但是如果使用以下代码: 但是,如果这样做,我会在Firebug中得到:“ ReferenceError:angular未定义”。 应用程序的其余部分工作正常,我在标签div中使用ng-app而不在html标签中使用ng- app,并且在https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.

  • 问题内容: 我有以下几点: 当我在VS2014中构建它时,它给了我一条错误消息: 有人可以告诉我如何避免出现此消息吗? 问题答案: 解决此问题的一种方法是修改您的并将其设置为预定义变量之一,如Jayantha所说。 看起来像这样: