javascript - 使用 ng-option 提交对象

Question

我在使用 ng-option 提交对象时遇到问题到我的 Controller 。如果我提交表单，Category 对象未定义。

有人能指出我正确的方向吗？

ItemsController

    // Create new Item
    $scope.create = function() {
        // Create new Item object
        var item = new Items ({
            name: this.name,
            ...
            category: this.category,
        });

创建项目 View

<section data-ng-controller="ItemsController">
  <div class="page-header">
    <h1>New Item</h1>
  </div>
  <div class="col-md-12">
    <form class="form-horizontal" data-ng-submit="create()" novalidate>
      <fieldset>
        <div class="form-group">
          <label class="control-label" for="name">Name</label>
          <div class="controls">
            <input type="text" data-ng-model="name" id="name" class="form-control" placeholder="Name" required>
          </div>
        </div>
        ...
        </div>
        <div class="form-group">
          <label class="control-label" for="category">Category</label>
          <div class="controls" data-ng-controller="CategoriesController" data-ng-init="find()">
            <select data-ng-model="category" ng-options="cat.name for cat in categories"></select>
          </div>
        </div>
        <div class="form-group">
          <input type="submit" class="btn btn-default">
        </div>

感谢“aurav gupta”，我找到了解决方案http://fdietz.github.io/recipes-with-angular-js/controllers/sharing-code-between-controllers-using-services.html

Answer 1

问题是因为您使用两个不同的 Controller
因此它们会有不同的范围。
因此，category 对象是为 CategoriesController 定义的，而不是为 ItemsController
您可以通过将 CategoriesController 的代码放入 ItemsController 中以创建单个 Controller 来解决此问题，也可以使用 Angular 服务来绑定(bind)两个 Controller 的范围变量。