除了现有的md芯片之外，如何添加定制的md芯片？
除了现有的md芯片之外，如何添加定制的md芯片？
提问于 2015-12-08 06:34:57
我用角度材料设计了元素。我使用md芯片将技能数据呈现为下面的内容。
<md-chips ng-model="user.skills"
readonly="readonly"
placeholder="Enter another skill"
delete-button-label="Remove Skill"
delete-hint="Press delete to remove skill"
secondary-placeholder="Enter a Skill">
<md-chip-template>{{$chip.skill_title}}</md-chip-template>
</md-chips>在这方面，我使用了user_skills变量来加载现有的技术，正如我预期的那样，它正在加载。我需要选择从这增加新的芯片。但在这里，当我写作技巧并进入它时，我变成了空芯片，就像低沉的图像。
怎么解决？？高级谢谢..。
回答 1
Stack Overflow用户
发布于 2015-12-10 22:17:26
您需要编写一个函数来设置'skill_title‘
视图
<div ng-controller="BasicDemoCtrl as ctrl" layout="column" ng-cloak="" ng-app="MyApp">
<md-content class="md-padding" layout="column">
<md-chips ng-model="ctrl.skills" readonly="ctrl.readonly" md-transform-chip="ctrl.newSkill($chip)">
<md-chip-template>
<span>
<strong>{{$chip.skill_title}}</strong>
</span>
</md-chip-template>
</md-chips>
</md-content>
</div>控制器
(function () {
'use strict';
angular
.module('MyApp')
.controller('BasicDemoCtrl', DemoCtrl);
function DemoCtrl ($timeout, $q) {
var self = this;
self.skills = [
{
'skill_title' : 'Angular'
},
{
'skill_title' : 'Material'
},
{
'skill_title' : 'C#'
}
];
self.newSkill = function(chip) {
return {
skill_title: chip
};
};
}
})();看一下这个工作示例。
http://codepen.io/mattspaulding/pen/xZGQyE
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34149494
复制相关文章
相似问题
腾讯云开发者
