angularjs формально базовая форма не работает

Question

Я новичок в angularjs-formly, и это моя первая попытка, и я не мог заставить свою форму работать, пожалуйста, просто будьте терпеливы со мной, это мой первый вопрос, и могут возникнуть другие вопросы после этого.

Вот мой код:

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

Пожалуйста, скажите мне, что случилось с этим куском кода?

спасибо.

/Koul

Answer 1

Я установил свой plunker: 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 
     } 
    }]; 
}); 
})(); 

Вы недоставало дополнительные "}" после templateOptions на первой, и там было несколько других вещей, которые я сделал. Я обычно обертываю любые js-файлы в закрытие, и не рекомендуется использовать var с угловым, вы просто набираете угловой файл .module или .controller. Если вы просто изучаете углы, вы должны убрать контроллеры и изучить компоненты, так как это правильный путь.

Кроме того, ссылки на библиотеки были неправильными ... некоторые из этих ссылок больше не работают. Быстрый просмотр отладчика через F12 показал бы, что это проблематично.