无法在页面中更改对象值,但在控制台日志中显示为工作(angularjs)

时间:2015-05-14 00:30:18

标签: javascript html angularjs logic

我想根据用户点击的内容更改对象变量mF,这会将对象数组中的对象分配给变量mF,并将它们带到下一个&# 34;页面"

我正在使用ng-click通过函数将对象分配给mf。我正在使用{{ mF.name }}来测试是否已将新对象分配给mF并且我一直在绘制空白(没有输出到页面)。但是,当我在控制器中手动分配对象并使用console.log()输出时,它正在工作。为什么不输出到页面?

代码:

app.js:

app.controller('DeviceController', function($scope) {

$scope.showOptions = false;

var device1 = [
    {
        name: 'PC',
        os: 'Windows',
        chosen: false,
    },
  ...
  ];

var device2 = [
  {...}
  ...
];

var mF = {};

$scope.mF = mF;

console.log(mF);

function calculate (x) {
    mF = device1[x];
}

mF = device1[0];

console.log(mF.name); //outputs correctly in console - "PC"

});

HTML:

<div ng-hide="showOptions">

<div class="osSelect"><span ng-click="calculate(0); showOptions = true">Win</span>
    <span ng-click="calculate(1); showOptions = true">Mac</span> <span ng-click="showOptions = true">test</span></div>
 </div>

<div class="pageHolder2" ng-show="showOptions">

<p>This is the 2nd page: {{ mF.name }}</p> <!-- outputs blank where expression is -->

<span class="back" ng-click="showOptions = false">Back</span>

</div>

1 个答案:

答案 0 :(得分:1)

您还需要将函数std::initializer_list<>附加到作用域,以便从视图绑定中调用它。

所以试试:

auto&& temp = rhs;