2016-12-16 14 views
0

私はangularjs-formlyで初めてです。これは私の最初の試みです。私のフォームは機能しませんでした。これは私の最初の質問です。他の質問も来るかもしれません。この後。ここでangularjs formly basic form not working

が私のコードです:

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

コードのこの部分で間違って何を教えてください?

ありがとうございます。

/koul

答えて

0

私はあなたの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を介してデバッガを見てみると、問題があると思われます。