【javascript – 在Angular.js中动态加载模板(部分)】教程文章相关的互联网学习教程文章

javascript – angularJS:dotdotdot用​​于溢出文本和性能【代码】

我是angularJS的新手,也许写了一些不好的东西…… 但是我怎么能正确实现这个插件:https://github.com/BeSite/jQuery.dotdotdot 在我的桌子上? 现在用我的代码我的编辑表格和表格真的不太快……真的太慢了??……我做错了什么? 指示:.directive('dotdotdot', function(){return {restrict: 'A',link: function(scope, element, attributes) {scope.$watch(function() {element.dotdotdot({watch: true, wrap: 'letter'});});}}})...

javascript – AngularJS更新功能(仍)无法正常工作【代码】

我有一个更新对象的函数,问题是当我从更新表单字段返回详细视图时,它初始化旧对象而不是更新对象. 我想在CarService中填充汽车列表而不是app.js 这是我的carService:window.app.service('CarService', ['HTTPService', '$q', '$http', function (HTTPService, $q, $http) {'use strict';this.cars = []; this.get = function () { var deferred = $q.defer();HTTPService.get('/car').then(function resolve(response) {de...

AngularJS中的javascript – lightGallery(jQuery插件)【代码】

我正在尝试使用lightGallery jQuery插件(http://sachinchoolur.github.io/lightGallery/index.html)来使用AngularJS. 我发现一些答案表明我需要一个指令,所以我创建了以下内容:.directive('lightGallery', function() {return {restrict: 'A',link: function(scope, element, attrs) {jQuery(element).lightGallery();}}; })然后在我看来我这样做:<ul lightGallery><li ng-repeat="photo in album.photos" data-src="{{photo.ful...

javascript – 如何使用angular 2在URl中使用questionmark【代码】

我是Angular 2的新手这里显示了我的url将显示的路由器的代码.Router Code现在,当我运行该代码时,url看起来像这样.. 本地主机:50465 /推广ID = / 51059 在那个网址显示?问号的标记(?)和=而不是equalto(=).显示如何显示我的原始网址.我的代码看起来像那样. 我想这样输出:http://localhost:50465/promotion?id=132 如何实现这一点请帮助我. 请帮我..!!解决方法:在您的方案中,您可以使用路由器代码如下所示:{ path: 'home...

javascript – 从api调用通过服务返回到组件的数据是一个对象,似乎需要是一个Angular数组【代码】

我有数据返回给我,工作得很好 工作数据是 数据:数组(16) 不起作用的数据是这样的 data:Menu1Items:Array(5)> 0 {….}等 我正在使用Angular 5,所以service返回这样的数据.map((response: Response) => {return response;然后组件拦截它,console.log工作正常this.arsSevice.getMenu().subscribe(result => {this.testing = result; console.log('menu',result);})问题是数据,这个截图显示了问题,我只是不明白如何用对象vs数组修复...

javascript – 在Angular 2应用程序中导入AWS SDK【代码】

我试图在我的Angular 2应用程序中使用AWS SDK,但是我很困难.以下是我采取的步骤: >使用npm install aws-sdk将aws sdk安装到我的Angular 2应用程序中>使用npm install –save-dev @ types / node安装类型>尝试在我的Angular 2服务中包含几种不同的AWS模块:声明var AWS:any;,导入AWS = require(‘aws-sdk’);,最后从’aws-sdk’中导入*作为AWS. 当我尝试使用第一种和第三种类型的导入时,在尝试访问AWS对象中的库之前,我没有得到转...

javascript – 如何在Angular 7中配置raw-loader来加载文本文件?【代码】

我想在我的Angular 7中使用raw-loader将文本文件导入到我的TypeScript源代码中.我已经找到了很多关于这个主题的信息,并花了几个小时试图让它工作,但我无法让它工作. 我首先创建一个新项目ng new example --defaults --minimal我在/src/app/example.txt创建了一个文本文件,其中包含“Hello World”消息 然后我修改app.component.ts文件以导入此文本文件.import {Component} from '@angular/core'; import str from 'example.txt';al...

javascript – Angular2路由保护返回Observable,如何处理错误【代码】

我有一个像下面这样的路线保护@Injectable() export class AuthGuard implements CanActivate {constructor(private router: Router, private authenticationSvc: AuthenticationService) { }canActivate(): Observable<boolean> {return this.authenticationSvc.getAuthenticatedUser().map(r => {if (this.authenticationSvc.isAuthenticated()) {// logged in so return truereturn true;}this.router.navigateByUrl('/login');...

javascript – AngularJs Jasmine单元测试中的$httpBackend【代码】

我无法让我的单元测试正常工作.我有一个$scope数组,它开始是空的,但应该用$http.get()填充.在真实的环境中,阵列中大约有15个左右的对象,但是对于我的单元测试,我只抓了2.对于单元测试,我有:expect($scope.stuff.length).toBe(2);但茉莉的错误是:预期0为2. 这是我的controller.js:$scope.stuff = []; $scope.getStuff = function () {var url = site.root + 'api/stuff';$http.get(url).success(function (data) {$scope.stuff =...

javascript – Angular 2.x更改头部(我的应用程序之外)【代码】

我认为它应该很容易,但我找不到如何. 我有类似的东西<html> <head><title>{{'a' + 'b'}}</title> </head> <body><my-app>Loading...</my-app> </body> </html>好像我无法访问my-app之外的任何内容. 在角度1.x中很容易,我能够在任何元素上添加ng-app(< html ng-app =“myApp”>). 现在我想我只能在体内引导. 我知道我可以手动引导某种方式(没有尝试),但动态更改单页应用程序中的标题应该是超级容易的,不应该吗?解决方法:Angular2无...

javascript – 如何使用带有超过$data的Angular-Xeditable的onBeforeSave / onAfterSave方法作为参数【代码】

首次在我的应用程序中使用Angular-Xeditable时,我遇到了一个问题,试图弄清楚如何将x可编辑的更改保存到通过ng-repeat循环访问的对象. 该文档主要侧重于使用onbeforesave和onaftersave进行验证,虽然它确实表明它可以用来保存东西,但这些示例并未说明如何将超过$data(或$index)的内容传递给onbeforesave / onaftersave方法.样本显示保存类似$scope.person,如果你有一个项目,这很好. 但如果30个列表中的第3个人被编辑怎么办?你当然不...

javascript – Angular 2下载带有身份验证的.CSV文件点击事件【代码】

我正在使用spring boot后端,而我的api使用服务通过OutputStreamWriter发送数据.我可以使用像这样的点击事件在Angular 2中下载它: 打字稿results(){ window.location.href='myapicall'; }HTML<button (click)="results()"class="btn btn-primary">Export</button>这很好用;但是,我最近为我的api端点实现了安全性,现在每次尝试拨打电话时都会收到401,因为它没有发送标头. 我写了一个服务,我可以在控制台中看到结果,但我似乎无法弄清...

javascript – AngularJS:如何在加载时阻止页面中的“代码闪存”【代码】

我使用AngularJS创建了一个简单的应用程序.当我打开页面一秒钟时,我会看到下面的屏幕: 但是,在加载完成后,我看到加载和样式化的内容很好: 如何防止页面上的AngularJS代码闪存?这与FOUC有关吗? 这是HTML代码:<!doctype html> <html class="no-js" lang="en" ng-app="MainApp"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Foundation | Welcome</title><li...

javascript – AngularJS / Jade错误:参数’MyController’不是函数,未定义(MEAN)【代码】

我知道已经多次询问过这个问题的变体,但是我已经为其他OP尝试了几种建议的解决方案,但未能解决这个问题,并希望得到一些澄清. 我正在使用基本的平均待办事项列表应用程序(http://www.mean.io/).在实现一个简单的控制器后,我遇到了“错误:参数’nameOfMyController’不是函数,未定义.” 这是我在的地方: app.js(样板)window.app = angular.module('mean', ['ngCookies', 'ngResource', 'ui.bootstrap', 'ui.route', 'mean.system',...

javascript – AngularJS – 将this.value传递给函数【代码】

我在本机javascript中有这个代码,它可以正常工作.它记录文本框的当前值<script>var boom = function(val) {console.log(val);}; </script><input type="text" onclick="boom(this.value)"/>然后我想在不使用模型的情况下在AngularJS上做同样的事情.这是代码:$scope.boom = function(val) {console.log(val); };<input type="text" ng-click="boom(this.value)"/>但它始终记录未定义!为什么?解决方法:据我所知,这在ng- *的背景下...

加载 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部