angularjs 形式基本形式无效

Question

我是 angularjs-formly 的新手，这是我的第一次尝试，我的表格无法正常工作，请耐心等待，这是我的第一个问题，可能还会有其他问题在这个之后。

这是我的代码：

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

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

谢谢。

/库尔

Answer 1

我修复了你的插件： 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 一起使用并不是一个好习惯，您只需键入 angular，然后输入 .module 或 .controller。如果你只是学习angular，你应该放弃控制器并学习组件，因为现在这是正确的方法。

此外，对库的引用不正确...其中一些链接不再有效。通过 F12 快速查看调试器会显示这些问题。

angularjs 形式基本形式无效

angularjs formly basic form not working

angular-formly