My main view is called index.html
<html>
<head>
<script src = "assets/js/angular.min.js"></script>
<script src = "../lib/js/angular-ui/angular-ui-router.js"></script>
<script src = "app.js"></script>
<script src = "controllers/profile/ProfileController.js"></script>
</head>
<body ng-app="myApp">
<div class="links">
<div class='profile'><a ui-sref="profile">Profile</a></div>
<div class='dashboard'><a ui-sref="dashboard">Dashboard</a></div>
</div>
<div class="container">
<div ui-view></div>
</div>
</body>
</html>
In my app.js
var app = angular.module('myApp',['ui.router']);
app.config(['$stateProvider', '$urlRouterProvider',function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('profile', {
url: "modules/profile/templates",
templateUrl: "modules/profile/templates/profile.html",
controller: 'ProfileController'
}).state('dashboard', {
url: "modules/dashboard/templates",
templateUrl: "modules/dashboard/templates/index.html"
}).state('profile.viewprofile', {
url: "modules/profile/templates",
templateUrl: "modules/profile/templates/viewprofile.html",
controller: 'ProfileController'
}).state('profile.createprofile', {
url: "modules/profile/templates",
templateUrl: "modules/profile/templates/createprofile.html",
controller: 'ProfileController'
});
}
]);
This represents my profile.html
<div >
<div class="links">
<h3 class="heading">Profile</h3>
<div class='viewprofile'><a ui-sref="profile.viewprofile">View Profile</a></div>
<div class='createprofile'><a ui-sref="profile.createprofile">Create Profile</a></div>
<div class='editprofile'><a ui-sref="profile.editprofile">Edit Profile</a></div>
</div>
<div class="content>
<div ui-view="profile.viewprofile@"></div>
<div ui-view="profile.createprofile@"></div>
</div>
</div>
Inside my ProfileController
app.controller('ProfileController',function($scope, $http){
$scope.allProfiles = function(){
$http.get('objects/getallprofiles.php').success(function (data, status, headers, config) {
console.log(data);
});
}
When viewprofile link in the profile.html page is clicked, the viewprofile.html is rendered. How can I pass the output of the allProfiles() function from the controller to the child view viewprofile.html and bind them to html tags?
What steps should be taken to display the results of the allProfiles() function, which is located in the controller, in the child view viewprofile.html