在webapi应用程序中使用Angular路由
我不确定如何在Web API应用程序中实现适当的角路由.我可以使用这种方法打开页面:角控制器负载良好,所有功能都从角侧. 现在,我希望能够使用ng-route在更好的视图中打开视图,例如 http://localhost:52876/html/app/borrater.html 将变成我在我在Angular应用中使用的HTML文件中包含了ng-route.js文件. 也在app.js中,我有一个: 'use strict'; var modules = [ 'app.controllers', 'LoanAdminApplicationController', 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute', 'ui.router', 'LocalStorageModule', 'angular-loading-bar' ]; var app
4 2024-03-16
编程技术问答社区
动态改变组件但在地址栏上显示相同的网址
我有一个路由器插座,可以在表,图表,列表等各个组件之间切换 我需要不显示地址栏上的URL更改. 假设如果表路径为 http://mysite/table 和图表 http://mysite 而没有显示相对路径更改. 我认为拥有相同的URL,但想使用路由器插座没有意义.寻找任何想法可以使用Angular来改变组件的想法. (即使没有路由器是可以的) 解决方案 使用skipLocationChange,如下所述/navigationExtras
2 2024-02-25
编程技术问答社区
angular-rails-templates:未找到模板
我有一个铁轨应用程序,使用angularjs进行客户端开发.我尝试加载一个位于`app/Assets/javaScripts/javaScripts/templates/'的模板: myApp.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/', { templateUrl: '/index.html', controller: 'MainController' }). otherwise({ redirectTo: '/' }); }]); 但我总是会遇到一个错误:"错误:[$ compile:tpload]无法加载模板:/index.html". 我试图将"模板"文件夹从JavaScript中移出-App/Assets/模板,并通过将以下行添加到Confi
10 2024-02-25
编程技术问答社区
AngularJS ng route如何在解析时发出http请求
我有一个带有输入和锚固链接的简单模板,在按下它时,将加载另一个模板.我希望第二个模板通过HTTP请求获取信息. 我默认使用ng-route将路径/搜索/:title的结果模板重定向到搜索模板,并且我正在尝试使用Resolve在加载结果模板之前使用Resolve来制作请求( plunker中的代码) 我面临的主要问题是,当我添加解决方案时,控制器停止了初始化(我想它会在返回承诺后加载).这意味着诸如搜索URL之类的变量不是初始化的,并且当我在控制器搜索函数上打印它们时,$ Routeparams是空的. 我应该怎么做? 我也不确定解决方案的正确语法.第一个搜索是示波器变量吗? resolve: { search: searchController.search } 对于懒惰的人,这是相关的代码: 路由 .config(['$routeProvider',function($routeProvider) { $routeProv
14 2024-02-25
编程技术问答社区
Angular的 "未知提供者"--如何在routeProvider配置中使用一个工厂?
在与Angular一起玩时,我尝试更好地了解如何使用工厂,服务,常数,路由和其他核心概念.因此,我构建了一个简单的演示应用程序,其中包括节点,表达,玉和角度. 现在,我想在RouteProvider配置中使用一个值.我创建了一个常数,这很好.为了使其更加灵活,我会在未来的使用情况下建造一个工厂,但是"未知提供商"失败了.这是Angular中实例化序列的问题吗?为什么我不能将工厂注入.config部分?在我使用服务而不是工厂尝试相同的情况下,存在相同的错误.希望我没有出现简单的错字或语法错误,到目前为止,我没有找到任何错误. angular .module('main', [ 'ngRoute' ]) .constant('cApp', { 'defaultPath': '/home' }) .factory('svcState', function(){ var appState; function get
14 2024-02-25
编程技术问答社区
如何注入$httpParamSerializer用于模板Url中
我正在尝试将$httpParamSerializer用于templateUrl>,但我有一些问题.没有任何很好的文档和如何使用$httpParamSerializer的示例. 示例代码: angular.module('myApp', ['ngRoute']).config( function($routeProvider, $locationProvider, $httpProvider) { $routeProvider .when('/data/dashboard', { templateUrl: function(params) { //NEED TO USE IT HERE } }) }) 不起作用的事情,将其放置为这样: function($routeProvider, $locationProvider, $httpProvider,$
2 2024-02-25
编程技术问答社区
Angularjs Facebook登录。无法读取null的属性'appendChild'。
我正在使用Angular-Facebook模块将Facebook登录功能添加到我的应用程序中. 通常,我在加载页面时会遇到以下错误: The "fb-root" div has not been created, auto-creating Cannot read property 'appendChild' of null 当我遇到此错误时,Facebook登录弹出窗口是空的/空白或无法登录的. 我的角模块依赖项如下: angular.module('myApp', ['ngResource', 'ngRoute', 'facebook', 'restangular', 'LocalStorageModule']) 我的index.html: .. ..
4 2024-02-25
编程技术问答社区
Angular Routing ngRoute未能拉动我的其他HTML文件
因此,在这里和那里阅读的均值之后,我决定制作第一个卑鄙的应用程序,这很小,除了使我的应用程序成为一页应用程序的路由外,所有这些都可以使用.任何帮助将不胜感激! app.config(function($routeProvider){ $routeProvider .when('/', { templateUrl: 'main.html', controller: 'mainController' }) .when('/login', { templateUrl: 'login.html', controller: 'authController' }) .when('/register', { templateUrl: 'register.html', controller: 'authController' }); });
0 2024-02-25
编程技术问答社区
AngularJS ngRoute直接访问部分
我的应用程序可以与Ngroute一起使用,但是当我试图直接访问我的零件(从地址栏)时,它仅返回零件(无主页).如何从直接访问中隐藏这些零件? 解释: 我有一个有2个街区的网站.首先是菜单,其次是内容(我的路线之一).菜单具有链接:"#/main"和"#/account".当我按下按钮时,它可以正常工作(左菜单和内容).但是,如果我将URL从Localhost:8080/#/帐户更改为Localhost:8080/account,它仅呈现内容,而无需菜单.我想隐藏对Localhost的访问:8080/帐户或使其与菜单一起渲染内容. 解决方案 您的问题很可能不是AngularJS路由,而是从服务器的路由.当您请求localhost:8080/account之类的页面时,您的服务器说"好吧,让我们提供/account文件".但这不是很正确,因为您实际上希望整个应用程序加载.这是一个常见的问题,还不错. 我不知道您的后端是什么样子,但是这是一个带有Express/Node的通
2 2024-02-24
编程技术问答社区
Angularjs。未发现的参考错误 $rootScope未被定义
我正在尝试运行并收到此消息: 未接收参考:$ RootsCope在app.js行12中未定义 这是我的js/app.js angular.module('addEvent', ['ngRoute']) .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $routeProvider.when('/add-event', { templateUrl: 'views/add-event.html', controller: 'formCtrl', controllerAs: 'eventCtl' }) .otherwise({ redirect
2 2024-02-24
编程技术问答社区
AngularJS的routeProvider没有拉入内容
我对为什么我的路由代码不起作用感到非常困惑.我早些时候问了一个单独的问题,被告知我应该使用路由而不是使用的方法.因此,我搬到了过去成功完成的路线,但这只是不起作用,我对我的问题的位置迷失了. 我的实际index.php只是包括顶部的东西,然后是 ,然后是底部的东西. 这是我的app.js var app = angular.module("LKSU", ['ngRoute']); app.config(['$routeProvider', function($routeProvider) { $routeProvider // route for the home page .when('/', { templateUrl : 'content.php', controller : 'HomeController' }) .when('/bios/:user_id
2 2024-02-24
编程技术问答社区
在ng-view中使用jssor滑块时,无法在angular中设置null Error的属性。
我正在尝试使用JSSOR滑块 我在我的index.html的ng视图中下载了(第三方滑块),但是当我的页面通过ngroute注入我的ng-view时,它给了我错误 未定义 但是,当我将该滑块使用到我的index.html中时,它可以很好地工作,因为我将其从index.html移动到home.html滑块不起作用. 请解释我什么是问题 这是我的示例代码: index.html MySc
2 2024-02-24
编程技术问答社区
Spring Boot ngRoute
我正在尝试制作带有弹簧后端和AngularJS前端的单页应用程序.我已经遵循教程并查找了类似的问题,但是Ngroute似乎无法与弹簧后端一起使用(我让它与Nodejs的后端一起使用). index.html Spring Demo
2 2024-02-24
编程技术问答社区
AngularJS-Ng-route-Change ng-view when input:focus
我想通过NG-View更改我的视图.关键是,当有人开始在input:text字段中键入时,我需要这样做,而不是触发ng-click事件(因此,我可以达到与在此 page ). ps:我尝试在输入元素中添加ng-click,但这并没有触发事件.任何帮助将非常感激.谢谢! 编辑:这是更新的 解决方案 您需要做的就是使用 然后实现changeView取决于您,但我认为您需要用$location.path做一些更改视图的事情: $scope.searchProduct = function() { // ... $location.search({query:
4 2024-02-24
编程技术问答社区
获取当前在Angularjs中使用的控制器
我想在我们的AngularJS应用程序中记录不同功能的用法. 当前的路由/URL浏览器中通常可以标识当前使用的功能,但是有一些在模态/弹出窗口中打开的功能,或者使用nginclude开放,而无需更改路由/url. . 是否有任何中心方法可以识别当前正在使用的功能,我想到使用当前的顶级控制器,但不幸的是不知道如何获得它. 为此目的有其他想法吗? P.S.我正在使用ngroute. 解决方案 我看到了从//p>的几种方式记录Infos. 1)使用element.controller() 来自 controller(name) - 检索当前元素或其父的控制器.默认检索与 NGController指令.如果name作为骆驼 指令名称,然后该指令的控制器为 检索(例如'ngModel'). 您可以在非常元素上的此功能获得其父控制器.这是使用指令的摘要示例: var app = angular.module('app', []) app.con
0 2024-02-24
编程技术问答社区