[fromly]:将控制器传递给模板

时间:2016-01-27 13:46:37

标签: angular-formly

我试图用js中的按钮创建表单,因为形式指令渲染表单不正确。我决定按下我的按钮并按模板渲染该按钮,但按钮失去了对控制器和验证表单的访问权限。我错过了哪里?

controller.js

.controller('X', ['$log', 'Api', function($log, Api) {
  var _self = this;

  _self.model = {};
  _self.formParts = [{
    className: 'row',
    fieldGroup: [
      {
        className: 'col-xs-3',
        key: 'q',
        type: 'select',
        templateOptions: {
          required: true,
          valueProp: "id",
          labelProp: "name",
          options: [
            {name: '0', id: 0},
            {name: '1', id: 1},
          ],
        }
      },
      {
        className: 'col-xs-7',
        key: 'n',
        type: 'input',
        templateOptions: {
          required: true,
          type: 'text',
          placeholder: 'name'
        }
      }
      {
        className: 'col-xs-2',
        templateUrl: 'button.html'
      }
    ]
  }];
  _self.save(model) {
    $log.info(model);
  };
}]);

main.html中

<formly-form model="f.model"
             fields="f.formFields"
             form="formForm">
</formly-form>

button.html

<button type="submit" class="btn btn-success"
        ng-disabled="formForm.$invalid"
        ng-click="f.save(f.model)">Save
</button>

0 个答案:

没有答案