Transitioning from Backbone to AngularJS, I am embarking on creating my first application with the latter. To kick things off, my initial task involves migrating an existing backbone application to AngularJS.
This application features a main view housing 3 div elements.
<!-- main.html -->
<div id="filter"></div>
<div>
<div id="result-list"></div>
<div id="result-details"></div>
</div>
Progress has been made in establishing my mainView using Angular.
// My Route
$routeProvider.when("/", {
controller: "mainController",
templateUrl: "app/components/main/main.html"
});
...
// My mainController
'use strict';
app.controller('mainController', function ($scope) {});
The next step involves binding a second view named filter to the div element 'filter' within the main view. However, it's noted that in Angular, only one view is permissible. Additionally, the equivalent of a view in backbone aligns with a directive in angular.
Having delved into the distinct semantics in angular, confusion still lingers regarding the implementation process for my application.
Seeking assistance in untangling this puzzle. Perhaps the approach taken thus far is misdirected.