ms-cardがデータで動作しない

Question

私はテンプレートにデータを入れようとしていますが、動作しません.vm.maquinasとmaquinaを使ってHTMLでデータを受け取ることはできますが、NGモデルを使ってTEMPLATEに送信できません。

は、多くの情報についてms-cards

モジュールを見つけることができませんでした

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 id="price-tables" class="page-layout simple fullwidth doc-page"> 
    <div class="header md-accent-bg" layout="row" layout-align="space-between"> 
     <div layout="column" layout-align="center start"> 
      <div class="title"><label translate="MACHINE.TITLE_MACHINE">Title</label></div> 
     </div> 
    </div> 
    <div class="content"> 
     <div class="price-tables" flex layout="row" layout-wrap> 
      <div class="price-table style-1 md-whiteframe-2dp" layout="column" ng-repeat="maquina in vm.maquinas"> 
       <ms-card template="'app/main/modulos/planeamento/directives/cardMaquinas/templateMaquinas.html'" ng-model="vm.maquinas"></ms-card> 
      </div> 
     </div> 
    </div> 
</div> 

テンプレート

Answer 1

最後に、私は問題を発見しました。 テンプレートに「カード」を使用する必要があります。あなたは 'カード'を別の名前に変更することはできません（私は思う）。

：それはのようにテンプレートファイルで利用可能になる

vm.cardModel = {

title  : 'My Card', 

description: 'My card description' 

}

：

は、以下の目的を考慮してください

カード= {

title  : 'My Card', 
description: 'My card description' 

}フォント：http://fuse-angular-material.withinpixels.com/components/custom-directives/ms-card