Question

我的简单angularjs项目有一个问题。

JS档案

(function() {
  'use strict';

  angular
    .module('app')
    .controller('AppController', AppController);
  function AppController() {
    var vm = this;
    var photos = ["sample.png","sample.png"];
    init();

    function init() {
      vm.photolist = photos;
    }
  }
}());

查看档案

<div ng-repeat="photo in vm.photolist track by $index">
  <input type = "text" ng-model="vm.photolist[$index]">
</div>
<button class="resetbutton" type="button" ng-click="vm.init()">

当我点击按钮（class = resetbutton）时，我想将vm.photolist设置为初始状态[＆＃34; sample.png＆＃34;，＆＃34; sample.png＆＃34;]。

但是如果我在输入框中输入内容，它不仅反映了vm.photolist，还反映了照片变量。例如，我将第一个输入框更改为＆＃34; modified_sample.png＆＃34;，然后vm.photolist和照片具有相同的值[＆＃34; modified_sample.png＆＃34;，＆＃34; sample.png＆＃34 ]。这是为什么？我认为照片变量不应该改变，只有vm.photolist必须改变。我的想法有什么不对？

angularjs中{ng-model变量和局部控制器变量之间的关系

0 个答案: