angularjs形式基本形式不起作用

时间:2016-12-16 10:27:30

标签: angular-formly

我是刚刚形成的角色,这是我的第一次尝试,我无法让我的表格正常工作,请耐心等待我这是我的第一个问题,可能是其他问题将在此之后出现。

这是我的代码:

my plunker : https://plnkr.co/edit/sxr64SXYZQ8yjtnOU3a2?p=preview

请告诉我这段代码有什么问题?

谢谢。

/ koul

1 个答案:

答案 0 :(得分:0)

我修好了你的傻瓜: https://plnkr.co/edit/T0AAG5mY80hDNzVLKoKp?p=preview

(function() {
// Code goes here
angular
.module('plunker', ['formly', 'formlyBootstrap'])
.controller('mainCtrl', function($scope) {
  console.log('mainCtrl is Loaded');
  var vm = this;

  vm.fields = [{
      key: 'id',
      type: 'input',
      templateOptions: {
        type: 'number',
        label: 'Id',
        placeholder: 'Enter Id',
        required: true
      }
    }, {
      key: 'name',
      type: 'input',
      templateOptions: {
        type: 'text',
        label: 'Name',
        placeholder: 'Enter ur Name',
        required: true
      }
    }];
});
})();

你错过了额外的"}"在第一个模板选项之后,我做了一些其他的事情。我通常将任何js文件包装在一个闭包中,并且使用带有角度的var是不好的做法,你只需键入angular然后.module或.controller。如果你只是学习角度,你应该抛弃控制器并学习组件,因为这是正确的方法。

此外,对图书馆的引用不正确......其中一些链接不再起作用。通过F12快速查看调试器会显示出这些问题。