Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ms卡不能处理数据_Javascript_Html_Angularjs_Frameworks_Angular Material - Fatal编程技术网

Javascript ms卡不能处理数据

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

我正在尝试将数据放入模板中,但它不起作用,我可以通过vm.maquinas和maquina接收HTML格式的数据,但我无法通过ng模型将其发送到模板

没有找到太多关于

模块

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'