Hi,
VS 2015, Cordova, Kendo UI Core v2015.3.930, AngularJS v1.5.0, ngCordova v0.1.23-alpha
I'm trying to get a drawer working with remote views, but my angular controller bound to app/views/settings.html won't fire:
index.html:
<!-- application drawer and contents -->
<div data-role="drawer" id="appDrawer" style="width: 270px" data-title="Navigation" data-ng-controller="drawerController as vm">
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</div>
<ul data-role="listview">
<li>
<a href="app/views/settings.html">Remote Settings</a>
</li>
<li><a href="#internSettings">Intern Settings</a></li>
</ul>
</div>
<div data-role="view" data-title="InternSettings" data-layout="main" id="internSettings" data-ng-controller="settingsController as vm">
<h1 data-bind="html: title"></h1>
<h1>{{vm.helloMsg}}</h1>
</div>
app/views/settings.html:
<div data-role="view" data-title="Settings" data-layout="main" data-ng-controller="settingsController as vm">
<h1 data-bind="html: title"></h1>
<h1>{{vm.helloMsg}}</h1>
</div>
settingsController.js:
(function () {
'use strict';
function settingsController() {
this.helloMsg = "Hello settingsController";
}
angular.module("iEmosApp.controllers").controller('settingsController', [settingsController]);
})();
When clicking on "Intern Settings" (using the view inside index.html), I see "Hello settingsController", so Angular is working.
But when clicking "Remote Settings" (using the remote view) I only see "{{vm.helloMsg}}"
How can I get the Angular controller to work in remote views?