Angular-beginner NgModel绑定

时间:2015-11-19 15:03:34

标签: javascript angularjs

初级问题:

我有一个简单的input type=text ng-model="xyz.zyx",其中xyz是一个对象。在控制器中,我创建该对象并使用以下赋值为zyx属性赋值:

xyz {
  zyx: $scope.zzz
}

但是,页面上没有ng-model="zzz"的输入字段,但是zyx被分配给我在开头描述的输入字段的值,ng-model="xyz.zyx" $scope.zzz 1}}。 怎么会发生这种情况? <?php $date = date("d M Y"); $time = "15:00"; $unixTime = strtotime($date . " " . $time); ?> 来自哪里?

1 个答案:

答案 0 :(得分:1)

我对你的问题发表了评论,但我也想整理一名帮助你修补正在发生的事情的人。

http://plnkr.co/edit/vYI1XiSm4cnEJjLRSO85

JS

var app = angular.module('app', []);

app.controller('MainCtrl', MainCtrl);
MainCtrl.$inject = ['$scope'];

function MainCtrl ($scope) {
  $scope.zzz = "Test";

  $scope.xyz = {
    zyx: $scope.zzz
  }
}

HTML

<html ng-app="app">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angularjs_1_3_15@*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.min.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <input type="text" ng-model="xyz.zyx">
    <pre>zzz: {{zzz | json}}</pre>
    <pre>xyz: {{xyz | json}}</pre>
  </body>

</html>