Javascript ms卡不能处理数据
我正在尝试将数据放入模板中,但它不起作用,我可以通过vm.maquinas和maquina接收HTML格式的数据,但我无法通过ng模型将其发送到模板 没有找到太多关于 模块Javascript ms卡不能处理数据,javascript,html,angularjs,frameworks,angular-material,Javascript,Html,Angularjs,Frameworks,Angular Material,我正在尝试将数据放入模板中,但它不起作用,我可以通过vm.maquinas和maquina接收HTML格式的数据,但我无法通过ng模型将其发送到模板 没有找到太多关于 模块 angular .module('app.tabelas.entidades.recursos.painel', []) .config(config); /** @ngInject */ function config($stateProvider,$translatePartialLoaderProvi
angular
.module('app.tabelas.entidades.recursos.painel', [])
.config(config);
/** @ngInject */
function config($stateProvider,$translatePartialLoaderProvider, msApiProvider, msNavigationServiceProvider)
{
$stateProvider.state('app.painel-recursos', {
url : '/entidades/recursos/painel',
views: {
'content@app': {
templateUrl: 'app/main/tabelas/entidades/recursosEntidades/views/painelRecursos/painelRecursos.html',
controller : 'maquinasController as vm'
}
},
resolve : {
MaquinasData: function (msApi)
{
return msApi.resolve('maquinas.lista@get');
}
},
bodyClass: 'painel-recurso'
});
// Translation
$translatePartialLoaderProvider.addPart('app/main/tabelas/entidades/recursosEntidades/views/painelRecursos');
// Api
msApiProvider.register('maquinas.lista', ['app/data/tables/maquinas.json']);
msNavigationServiceProvider.saveItem('tabelas.entidades.recursos', {
title: 'Recursos',
icon : 'icon-account',
weight: 2
});
msNavigationServiceProvider.saveItem('tabelas.entidades.recursos.painel', {
title: 'Painel de Maquinas',
icon : 'icon-account-multiple',
state: 'app.painel-recursos',
weight: 2
});
}
控制器
angular
.module('app.tabelas.entidades.recursos.painel')
.controller('maquinasController', maquinasController);
/** @ngInject */
function maquinasController(MaquinasData)
{
var vm = this;
// Data
vm.maquinas = angular.copy(MaquinasData.data);
// Methods
//////////
}
HTML
标题
模板
<div class="package-type md-primary-bg" layout="column" layout-align="space-between center" style="background-color:{{maquina.color}};" >
<span class="md-display-1">{{card.name}}</span>
<span class="md-subhead">{{vm.card.name}}</span>
</div>
<div class="price" layout="row">
<div layout="column" class="column-padding">
<div class="md-title" translate="MACHINE.MARKING"> Marcação </div>
<div class="period">{{maquina.marcacao}}</div>
</div>
<div layout="column" class="column-padding">
<div class="md-title" translate="MACHINE.PARTS"> Peças </div>
<div class="period">{{maquina.pecas}}</div>
</div>
<div layout="column" class="column-padding">
<div class="md-title" translate="MACHINE.MATERIAL"> Material </div>
<div class="period">{{maquina.material}}</div>
</div>
</div>
<md-divider></md-divider>
<div layout="row">
<div class="terms" layout="column">
<div class="term"><span class="text-bold" translate="MACHINE.NEXT"> Proxima marcação: </span> </div>
<div class="term"><span class="text-bold" ></span> {{maquina.proximaMarcacaoEmpresa1}}</div>
<div class="term"><span class="text-bold"></span> {{maquina.proximaMarcacaoEmpresa2}} </div>
</div>
<div class="terms" payout="column">
<div class="term"><span class="text-bold" translate="MACHINE.DATE"> Data e hora:</span> </div>
<div class="term"><span class="text-bold"></span>{{maquina.dataUm}}</div>
<div class="term"><span class="text-bold"></span>{{maquina.dataDois}}</div>
</div>
</div>
{{card.name}
{{vm.card.name}
马尔卡昂
{{maquina.marcacao}}
佩亚斯
{{maquina.pecas}
材料
{{maquina.material}
Proxima marcação:
{{maquina.proximaMarcacaoEmpresa1}}
{{maquina.proximaMarcacaoEmpresa2}
数据e时间:
{{maquina.dataUm}
{{maquina.dataDois}
最后,我发现了问题所在。
要求在模板上使用“卡片”。你不能把“卡片”换成另一个名字(我想)
考虑以下对象:
vm.cardModel={
title : 'My Card',
description: 'My card description'
}
它将在模板文件中可用,如下所示:
卡片={
title : 'My Card',
description: 'My card description'
}
字体:
title : 'My Card',
description: 'My card description'