私のページの上部にある
================================================== ============================
<html lang="en" data-ng-app="app">
<head>
<style>
/* This helps the ng-show/ng-hide animations start at the right place. */
/* Since Angular has this but needs to load, this gives us the class early. */
.ng-hide {
display: none !important;
}
</style>
================================================== ==========================
私が持っている体のさらに下。
================================================== ==========================
<div class="row row-offcanvas row-offcanvas-left" data-ng-controller="dashboard" data-ng-init="vm=dashboard()">
==================================================
スタートページの本文内に以下を表示したい
==================================================
<span class="bold">{{vm.title}}</span> Messages
==================================================
これはスタートページのみです。単一ページではなく、バインディングに Angular を使用したい。何か案は。最初のページに戻るルートを作成しようとしましたが、ご存知のように無限ループが発生しました。ng-init が進むべき道だと思いますが、うまくいきませんでした。ありがとう
ダッシュボードはコントローラーです。これは、Pluralsight の John Papa による Angular Hotowel の例からのものです。
(function () {
'use strict';
var controllerId = 'dashboard';
angular.module('app').controller(controllerId, ['common', 'datacontext', dashboard]);
function dashboard(common, datacontext) {
var getLogFn = common.logger.getLogFn;
var log = getLogFn(controllerId);
var vm = this;
vm.news = {
title: 'hottowel',
description: 'Welcome'
};
vm.messageCount = 0;
vm.people = [];
vm.title = 'Dashboard';
activate();
function activate() {
var promises = [getMessageCount(), getPeople()];
common.activateController(promises, controllerId)
.then(function () { log('Activated Dashboard View'); });
}
function getMessageCount() {
return datacontext.getMessageCount().then(function (data) {
return vm.messageCount = data;
});
}
function getPeople() {
return datacontext.getPeople().then(function (data) {
return vm.people = data;
});
}
}
})();