Tag: angularjs

未捕获错误：语法错误，无法识别的表达式：＃/ angularjs和jquery

每当我的页面加载时，我的控制台中都会显示以下错误 “未捕获的错误：语法错误，无法识别的表达式：＃/ about” 我的代码如下： Home About Pricing 它显示了所有初始实例。 最初，它显示为＃/ about，因为它是第一个，如果我删除关于我们选项卡它将显示定价页面链接。 它不是引导标签问题，这只是简单的导航 app.js中的路由代码： $routeProvider.when(‘/’, { templateUrl: ‘partials/home.html’ }).when(‘/account’, { templateUrl: ‘partials/account.html’, }).when(‘/terms’, { templateUrl: ‘partials/terms.html’ }).when(‘/about’, { templateUrl: ‘partials/about.html’ }).otherwise({ redirectTo: ‘/’ }); 我已经调试了它的bootstrap，bootstrap nav导致这个问题的问题：“nav navbar-nav”修复了这个是data-target =“＃”但是想要正确解决这个问题

当onclick执行时，ng-click不会在AngularJS中触发

我试图在我的应用程序中使用AngularJS并在某种程度上取得了成功。 我能够获取数据并将其显示给用户。 我在ng-repeat有一个按钮，我想发布DELETE请求。 下面是我的代码。 Name ID Department {{d.EmployeeName}} {{d.EmployeeID}} {{d.EmployeeDepartment}} 这是FetchViewData函数，它获取信息并将其显示给用户。 function FetchViewData($scope, $http) { var test_link = “”; $http.get(test_link).success( function(data) { $scope.viewData = data; }); } 获取并正确显示数据。 但是， ng-click=”deleteRecord(‘{{d[‘@link’].href}}’)”删除按钮时， ng-click=”deleteRecord(‘{{d[‘@link’].href}}’)”中的代码不会触发。 在Google Chrome的开发者工具中，我可以看到代码{{d[‘@link’].href}}有效值，但代码deleteRecord不会被触发。 从这个问题我尝试删除括号并只写d[‘@link’].href但它对我不起作用。 当我用onclick替换ng-click时， deleteRecord函数被触发。 function deleteRecord(docURL) { console.log(docURL); $http.delete(docURL); } 但后来我收到以下错误。 Uncaught ReferenceError: $http is not defined deleteRecord onclick 我正在使用jQuery 1.10.2和AngularJS v1.0.8。

jQuery语法错误：＃​​/

我目前正在为我的Web应用程序使用jQuery，Twitter Bootstrap和AngularJS。 我一直在尝试做路由，但jQuery不断给我Syntax error, unrecognized expression: #/time每当我尝试点击时间选项卡时，反之亦然。 我不知道哪个导致了这个错误，除了它是由＃符号引起的。 我广泛搜索但无济于事。 这是我的代码： Main Time Reports 当我将它用于我的AngularJS路由时，我需要保留斜线（即index.html#/main和index.html#/time将在我的一个div中加载不同的内容）。 什么可能导致此错误？

从另一个Controller Angular Js调用函数

我是新手使用角度js，我已经声明了许多控制器，现在我想将一个控制器的function用于另一个控制器。 这是我的示例代码。 app.controller(‘Controller1’,function($scope,$http,$compile){ $scope.test1=function($scope) { alert(“test1”); } }); app.controller(‘Controller2’,function($scope,$http,$compile){ $scope.test2=function($scope) { alert(“test1”); } }); app.controller(‘Controller3’,function($scope,$http,$compile){ /// }); 现在我想在controller3中调用test2函数。 任何人都可以帮助..感谢Avance … 🙂

根据屏幕分辨率AngularJS更改指令的templateUrl

我需要根据屏幕分辨率更改templateURL，例如，如果我的屏幕宽度小于768px，它必须加载“templates / browse-content-mobile.html”，如果它大于768px则必须加载“templates / browse-content html的”。 当前使用的代码。 app.directive(‘browseContent’, function() { return { restrict: ‘E’, templateUrl: template_url + ‘/templates/browse-content.html’ } }); 在这里，我尝试使用此代码 app.directive(‘browseContent’, function() { screen_width = window.innerWidth; if (screen_width = 768) { load_tempalte = template_url + ‘/templates/browse-content.html’; } return { restrict: ‘E’, templateUrl: load_tempalte } }); 此代码块正在运行，它根据分辨率加载移动和桌面页面但是当我调整页面大小时它保持不变… 例如，如果我在最小化窗口（480px）中打开浏览器并将其最大化为1366px，则templateUrl保持与“/templates/browse-content-mobile.html”相同，它必须是“/templates/browse-content.html”

如何在加载AngularJS部分模板后应用jquery

我有一个简单的网站，它实现了jQuery，以便在Index.html顶部横幅中创建一些带有一些图像的Slider。 现在，我想使用AngularJS，因此我将HTML代码分解为单独的部分。 头 页脚 顶级横幅 如果我在原始版本中运行Index.html（不应用AngularJS模式），那么我可以看到滑块工作正常。 在应用AngularJS模式时，我将顶部横幅HTML移动到部分html，然后将ng-view应用于顶部横幅最初所在的div。 var app = angular.module(‘website’, [‘ngRoute’]); app.config(function($routeProvider) { $routeProvider. when(‘/about’,{templateUrl:’app/partials/about.html’}). when(‘/contact’,{templateUrl:’app/partials/contact.html’}). otherwise({redirectTo:’/home’,templateUrl:’app/partials/home.html’}) }); 当我刷新页面滑块不工作时，渲染为简单的html而没有任何jQuery效果，真是一团糟。 这个部分有一些jQuery插件，通常由document.ready激活。 但是当角度载荷部分在ng视图中时，此事件不会触发。 如何调用此事件来初始化jQuery插件？ 有任何线索如何解决这个问题？ 感谢任何帮助。

如何用jsf reRender或ajax加载替换html内容，并用AngularJS重新绑定新的DOM？

考虑一下代码： Original Content Some data {{i.name}} 或者，使用jsf，一个小组： Angularjs将理解指令ng-repeat，然后它将用项目列表替换标签 。 但是，如果您的html已更改，通过ajax加载或通过jsf reRender，AngularJS将无法识别新内容： $(‘#dest’).load(‘replace.html’);

将jQuery依赖项传递给angular js控制器

我正在使用angularjs 1.4，在我的一个角度控制器中，我必须使用jQuery。 但是当我试图将它作为依赖项传递时，它无效。 我试过下面的代码，但没有成功 (function () { ‘use strict’; var app= angular.module(‘app’); app.controller(‘getUserInfo’, [‘jQuery’, function($) { // some logic }]); })(); 我也试过下面的代码，但没有成功 (function () { ‘use strict’; var app= angular.module(‘app’); app.controller(‘getUserInfo’, [‘$’, function($) { // some logic }]); })(); 有些人可以指导我做错了什么。

如何使用角度从json制作视图（表单）？

我正在尝试从json创建视图。当我有对象数组时。我能够查看并validation该视图。 如果我有这个对象数组，在这种情况下我可以查看，检查plunker http://plnkr.co/edit/eD4OZ8nqETBACpSMQ7Tm?p=preview [{ type: “email”, name: “email”, required:true }, { type: “text”, name: “name”, required:true }, { type: “number”, name: “phonenumber”, required:true }, { type: “checkbox”, name: “whant to check” }, { type: “url”, name: “server Url” }]; 现在问题发生在我有json对象时。我需要从json对象显示视图。我不知道从哪里开始工作我有这个json “displayName”：显示来自输入文本字段的标签名称。 inputValues：表示填充的tmput的类型。如果是数字，那么用户只填充数字，文本然后用户只填充数字，电子邮件然后用户填充电子邮件，如果它切换然后它是下拉给定选项。 如果需要字段，“必需”给出？

如何进行unit testing以查看角度是否未定义？

我正在使用角度版本1和茉莉花进行unit testing。 我想做的测试是： 当我在ie7中加载index.html页面时，我加载了一个html横幅，说下载最新的浏览器。 我目前正在索引页面上使用JQuery加载一个html模板。 是否可以测试这个，因为它在角度app之外。 这是我在index.html页面上的当前代码： if(window.angular === undefined) $(function(){$(“#angularNotSupportedModal”).load(“/app/noAngularModal.html”);}); 任何建议都会很棒。 谢谢