[AngularJS] angular-formly: Extending Types
Extending types is one of the ways that makes angular-formly help you keep your Angular forms DRY. When use responsibly, they can make it much easier to manage common types, allowing you to add a bit of functionality to a common type.
(function() { ‘use strict‘; var app = angular.module(‘formlyExample‘, [‘formly‘, ‘formlyBootstrap‘]); app.run(function(formlyConfig) { formlyConfig.setType({ name: ‘avengersSelect‘, extends: ‘select‘, defaultOptions: { templateOptions: { label: ‘Favorite Avenger‘, options: [ {name: ‘Iron Man‘, value: ‘iron_man‘}, {name: ‘Captain America‘, value: ‘captain_america‘}, {name: ‘Black Widow‘, value: ‘black_widow‘}, {name: ‘Hulk‘, value: ‘hulk‘}, {name: ‘Thor‘, value: ‘thor‘} ] } } }); }) app.controller(‘MainCtrl‘, function MainCtrl($timeout) { var vm = this; vm.model = {}; vm.fields = [ { type: ‘avengersSelect‘, key: "avengersSelect" }, { type: ‘avengersSelect‘, key: "avengersSelect2", templateOptions: { label: ‘Favorite Avenger 2‘, options: [ {name: ‘Iron Man‘, value: ‘iron_man‘}, {name: ‘Captain America‘, value: ‘captain_america‘}, {name: ‘Black Widow‘, value: ‘black_widow‘}, {name: ‘Hulk‘, value: ‘hulk‘}, {name: ‘Thor‘, value: ‘thor‘} ] } } ]; }); })();
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。