JSFiddle - React, Tailwind, and code Playground
HTML
index.html --------------
<body>
<div class="main-nav" ng-app="testApp"> <a href="/new">Add Me</a>
</div>INDEX
<div ng-app="testApp" ng-controller="testCtrl">
<div ng-view>
</ng-view>
</div>
</body>edit.html ----------
<form>
<input ng-model="person.name">
<input ng-model="person.name">
<button></button>
</form>
JavaScript
angular.module('testApp', []).
config(function ($routeProvider, $locationProvider) {
// $locationProvider.html5mode(true);
$routeProvider.
when("/", {
templateUrl: "/partials/list.html"
}).
when("#/new", {
templateUrl: "/partials/edit.html"
})
})
function testCtrl($scope) {
$scope.persons = [{
name: "X"
}, {
name: "Y"
}, {
name: "Z"
}]
}