小编pad*_*lvn的帖子

在使用Angularjs散列后,如何解析URL参数?

我正在尝试解析来自Foursquare的access_token,其中URL如下所示:

https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX

我尝试了$ routeParams和$ location并且没有得到任何回报.只有在我尝试$ route之后,我确实得到了一个具有以下属性的对象:

current:  { 
    params:  {  } 
    pathParams:  {  } 
    loadedTemplateUrl: partials/4sqredirect
    locals:  {  } 
    scope:  { 
        this:  { 
            $ref: $["current"]["scope"]
        } 
        route:  { 
            $ref: $
        } 
        location:  {  } 
        token: null
    }
} 
Run Code Online (Sandbox Code Playgroud)

这是否意味着无法使用原生的AngularJS函数来获取它?

更新:

我的控制器如下所示:

angular.module('myApp')
    .controller('4sqredirectCtrl', function ($scope, $route, $location, $routeParams) {
        $scope.route = $route;
        $scope.location = $location;
        $scope.token = $routeParams.access_token;
    });
Run Code Online (Sandbox Code Playgroud)

我的主要js如下所示:

angular.module('myApp', [
    'ngCookies',
    'ngResource',
    'ngSanitize',
    'ngRoute'
])
.config(function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider
    .when('/', {
        templateUrl: 'partials/main',
        controller: 'MainCtrl'
    }) …
Run Code Online (Sandbox Code Playgroud)

javascript url foursquare angularjs angularjs-routing

21
推荐指数
2
解决办法
5万
查看次数

如何使用角度动态地附加带控制器的div标签?

我只是在学习angularjs并且有一些工作将jQuery和angularjs混合在一起.我知道这不是正确的方法,但我不知道Angularjs正确的做法是什么.

在HTML中我有这个标签,它只是一个将div标签动态添加到页面上的按钮.

<div ng-controller="pgCtrl">
    <button id="new-btn" ng-click="newDiv()">Gimme a div!</button>
</div>
Run Code Online (Sandbox Code Playgroud)

在javascript我有这个:

app.controller('pgCtrl', function($scope){
    $scope.newDiv = function(){
        // Load an element that uses controller anotherCtrl
        $('<div class="blah" ng-controller="anotherCtrl">' +
            '<button id="another-btn" ng-click="stuff()">-</button>{{stuff}}' +
            '</div>').appendTo('body');
        angular.bootstrap($('.blah'), ['app']);
    };
});
Run Code Online (Sandbox Code Playgroud)

我知道这不是使用Angularjs做到这一点的"正确"方法.我混合使用各种基本的jQuery并且它可以工作,但我没有学到任何东西.

html javascript jquery angularjs

3
推荐指数
1
解决办法
8462
查看次数

字体太棒了不能使用自动生成器推送到Heroku

我正在使用Yeoman发电机"angular-fullstack".使用新生成的"angular-fullstack"脚手架,我执行一个 bower install --save components-font-awesome然后在main.html模板中添加一个字体 - 真棒图标,构建并将其推送到heroku,我看到一个灰色框,图标应该是.

但是,如果我在grunt serve本地执行,我可以看到我期望的图标.

我不知道这是一个Yeoman Angular-fullstack问题,grunt问题,字体真棒问题还是Heroku问题所以我把它扔出去了.也许有人可以帮助限制这一点.

注意:我使用"components-font-awesome"而不是"font-awesome",因为grunt不能正确构建字体,所以建议使用垫片.

我在本地服务时看到的内容: 在此输入图像描述

我在构建并推送到heroku时看到的内容:在此输入图像描述

javascript heroku angularjs gruntjs yeoman

3
推荐指数
2
解决办法
5428
查看次数