Ignore the <div ng-provider> forgot to remove it before changing my example.
On Wednesday, March 5, 2014 8:10:28 PM UTC-7, Luke Kende wrote:
>
> It's better practice I believe to pass in data as attributes than just
> expecting the scope data to be there, but just use interpolation in your
> template as by not setting isolated scope, the template will interpolate
> against the current scope:
>
> <div ng-provider data="providerData"></div>
>
> angular.module('ngProvider', []).directive('providerList', ['$location',
> function($location) {
> return {
> restrict: 'A',
> replace: true,
> template: '<h1>{{providerData}}</h1>'
> };
> }]);
>
> On Wednesday, March 5, 2014 5:28:10 PM UTC-7, Billy Figueroa wrote:
>>
>> Hi All. I know directives and scopes have been covered quite a lot all
>> over the internet but I haven't found a real example for what I want.
>>
>> I want to be able to access the scope from my main controller inside of a
>> directive. Most of the posts I seen on this have to do with actually
>> accessing attributes or values that are related to the directive it self.
>> In this case what I want to do is grab some data that I got from the back
>> end in my controller and then display that as part of a template in a
>> directive...
>>
>> Here is sample code...
>>
>> App.js
>> 'use strict';
>>
>> var mintApp = angular.module('mintApp', ['ngRoute', 'ngProvider']);
>>
>> mintApp.config(function ($routeProvider) {
>> $routeProvider
>> .when('/', {
>> templateUrl: '../../MINT/views/main.php',
>> controller: 'MainController'
>> })
>> .when('/client/signup', {
>> templateUrl: '../MINT/views/client-membership.php',
>> controller: 'FormController'
>> })
>> .otherwise({redirectTo: '/'});
>> });
>>
>>
>> Controller...
>> mintApp.controller('FormController', function($scope, $http) {
>> $scope.providerData = {};
>>
>> $http.get('../MINT/scripts/php/get_providers.php')
>> .success(function(data) {
>> // console.log(data);
>> $scope.providerData = data;
>> });
>>
>> });
>>
>> Directive
>> 'use strict';
>>
>> angular.module('ngProvider', []).directive('providerList', ['$location',
>> function($location) {
>> return {
>> restrict: 'A',
>> replace: true,
>> template: '<h1>$scope.providerData</h1>'
>> };
>> }]);
>>
>> Notice the $scope.providerData value I want to use in my template but how
>> do I access this WITHOUT using a link function? and even if I do use a link
>> function how?
>>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.
