javascript - 无法访问 ng-model

标签 javascript angularjs pug

问题:
无法访问我的 ng-model。

查看( Jade ):

div(ng-repeat="(key, value) in questions track by $index")
    .question(ng-repeat="(keyTwo, valueTwo) in value")
        {{keyTwo}}
    .answer(ng-repeat="(keyThree, valueThree) in valueTwo")
        <input type="radio" ng-model="data" name="{{key}}" ng-value={{keyThree}}>{{valueThree}}
    <br>
    center
        input(type='submit' value='Submit' ng-click="check()" class='buttonLook') 

Controller :

app.controller('individualClassCtrl', function ($scope, $http, $routeParams, $window) {
    $scope.check = function () {

            var foo = $scope.data; //undefined every time.
        };
...}

我尝试过的:
我已经阅读了有关 ng-repeat 的范围问题...所以我明确设置 ng-model="$parent.data"并尝试以这种方式访问​​它...没有成功,我收到 $parent is undefined 。

此外,我尝试通过 ng-click="check(data)" 传递模型对我的检查功能进行了必要的更改,但仍然没有运气。有什么想法吗?

我尝试在终端中挖掘各种范围,但我没有看到任何东西。

最佳答案

这是因为 javascript 继承。因为 ng-repeat(与 ng-switch 类似)创建了它自己的作用域,所以一旦存在重复,您就会失去原始作用域。

初始化

$scope.my = {data: null}

现在使用 $scope.my.data 代替(添加 my 应该可以解决您的问题)。

关于javascript - 无法访问 ng-model,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27773456/

相关文章:

javascript - Angular JS - 文件夹结构问题 -controllers.js

javascript - 如何在 pug js 模板中使用 javascript 模块

javascript - 在没有 GUI/X session 的情况下使用 GreaseMonkey 脚本运行 Firefox 的任何方法

javascript 语法和 jQuery 源代码

angularjs - Bower 安装 Angular-Touch 没有给我最新版本

angularjs - 在 angularjs 指令中哪个函数将首先执行?链接或 Controller ?

javascript - 模态弹出窗口和父框架

javascript - 在 ExtJ 中绘制图形

javascript - if/else 语句删除 Jade 模板中的选择选项

node.js - 如何动态呈现 pug 文件而不是使用静态 angular-cli index.html?