【JavaScript外部函数调用AngularJS的函数、$scope】教程文章相关的互联网学习教程文章

javascript – Angularjs未捕获错误:[$injector:modulerr]迁移到V1.3时【代码】

我正在学习Angular.js,我无法弄清楚这个简单的代码有什么问题.它看起来很好,但给我跟随错误.**Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)在添加ng-app =“app”之前(我只是将其保留为ng-app)它给了我以下错误.这是为什么?Error: [ng:areq] http://errors.angul...

javascript – AngularJS ui-router登录验证【代码】

我是AngularJS的新手,我对如何在以下场景中使用angular-“ui-router”感到困惑: 我正在构建一个包含两个部分的Web应用程序.第一部分是主页及其登录和注册视图,第二部分是仪表板(成功登录后). 我已经为home部分创建了一个index.html,其角度app和ui-router配置用于处理/登录和/注册视图,并且仪表板部分还有另一个文件dashboard.html,其app和ui-router配置可以处理许多子视图. 现在我完成了仪表板部分,并且不知道如何将这两个部分与不...

javascript – 如何在AngularJS中使用数据绑定?【代码】

数据绑定如何在AngularJS框架中工作? 我还没有找到关于their site的技术细节.当数据从视图传播到模型时,它或多或少都清楚它是如何工作的.但是AngularJS如何在没有setter和getter的情况下跟踪模型属性的变化? 我发现有JavaScript watchers可以做这项工作.但它们在Internet?Explorer?6和Internet?Explorer?7中不受支持.那么AngularJS如何知道我改变了例如以下内容并在视图上反映了这一变化?myobject.myproperty="new value";解决方...

javascript – Angular外部js库调用Document.Ready【代码】

在我的.net核心asp角度应用程序中使用第三方js库.该库在$(document).ready方法中应用它的逻辑.所以我有一个问题,即库不能正确应用角度路由更改,因为$(document).ready方法不会触发. 我在angular-cli脚本部分引用了外部js库. 我打开了第三方js文件,并为其添加了一个方法,该方法调用与文档准备好相同的逻辑.我只是在努力寻找一种从我的angular typescript组件中调用该方法的方法. 我已经创建了一个简单的剪切js文件来测试它并简化问题...

javascript – Angular 5 [隐藏]没有完全正常工作【代码】

我正在测试一个选项,根据来自observable的布尔值显示/隐藏div.基于此stack question提供的第二个答案,我有以下代码收集文档正文宽度,返回值与返回true:false值的函数一起使用.const checkScreenSize = () => document.body.clientWidth < 960; const source$= fromEvent(window,'resize').pipe(throttleTime(500));const screenSizeChanged$= source$.pipe(map(checkScreenSize));this.isScreenSmall$= screenSizeChanged$.pipe(...

javascript – Angular 6:实时数据【代码】

我有一个应用程序,其中用户可以添加注释,并显示注释,我的问题是注释不显示,直到我刷新页面. 我希望在用户单击“输入”或“提交”按钮后显示注释 这是我到目前为止: >获取数据服务this.activeRouter.params.subscribe((params) => {let id = params['id'];this.moviesService.getComments(id).then(comments => {console.log(comments);this.comments = comments;}); });2.然后显示到前端:html<div *ngFor="let comment of commen...

javascript – 我在Angular 5应用程序中遇到CORS问题,即使我从服务器获得响应【代码】

参见英文答案 > How does Access-Control-Allow-Origin header work? 13个> How to allow CORS? 24个我在我的离子应用程序中使用Angular 5.我试图从我的代码中调用一个端点ngOnInit(): void {//Called after the constructor, initializing input properties, and the first call to ngOnChanges.//Add 'implements OnInit' to the class.this....

javascript – 如何在Angular 6中使用外部JS文件【代码】

我用Angular开始了一个项目,但我从没想过安装它的最新版本会给我带来一些问题.我也在使用Materialize,所以当我尝试’导入’它的Javascript文件时,它不起作用.我不知道为什么,我从上周五开始寻找答案,但我一无所获. 我已经更改了angular.json文件并在其中引用了我的JS位置,但这还不够. P.D.我不能使用CDN来实现JS.解决方法:角度为6的CLI项目使用angular.json而不是.angular-cli.json进行构建和项目配置.这意味着你正在使用Angular 6...

javascript – Angular 5 ng-bootstrap类型’ElementRef’不是通用的错误【代码】

我在这些版本中使用angular 5和ng-bootstrap:"private": true,"dependencies": {"@angular/animations": "^5.2.0","@angular/common": "^5.2.0","@angular/compiler": "^5.2.0","@angular/core": "^5.2.0","@angular/forms": "^5.2.0","@angular/http": "^5.2.0","@angular/platform-browser": "^5.2.0","@angular/platform-browser-dynamic": "^5.2.0","@angular/router": "^5.2.0","@ng-bootstrap/ng-bootstrap": "^2.1.0","ang...

javascript – Angular中的反应形式:双向绑定【代码】

我对Reactive表单有疑问.用户更改输入时更新模型类是直截了当的.但我需要采取相反的方式:以编程方式更改模型,并查看HTML表单中的更改. 简化的代码是:this.user = new User();然后:this.form = this.fb.group({name: new FormControl(this.user.name, [Validators.required]),email: new FormControl(this.user.email, [Validators.required]) });假设它工作正常.如果用户在GUI中更新名称,则正确更新this.user.name. 假设我已...

javascript – 找不到Angular 6 setTimeout模块:错误:无法解析’timers’【代码】

我有个问题.我想在角度中使用setTimeout来在2秒后调用一个函数,但我得到了这个:ERROR: Module not found: Error: Can’t resolve ‘timers’; this is my function:login(user) {console.log(user.value);this.loginService.loginUser(user.value);// this.user = this.loginService.getUser();setTimeout(() => {this.user = this.loginService.getUser();}, 2000);if (this.user === undefined) {console.log('username or pass...

javascript – Angular JS Bootstrap Accordian示例

有没有人将Accordian的Angular JS实现(指令)与Bootstrap结合使用? 有一些例子,其中没有一个很好用…… https://github.com/angular-ui/bootstrap/tree/master/src/accordion https://github.com/ganarajpr/Angular-UI-Components解决方法:所以,我建议的实现是这一个:http://angular-ui.github.com/bootstrap/#/accordion 它来自于旨在将所有boostrap组件重建为原生AngularJS指令的项目(这意味着不依赖于jQuery而且不依赖于bootst...

javascript – AngularJS服务器和客户端表单验证【代码】

我在AngularJS中结合客户端验证和服务器端验证时遇到了一些麻烦.这是HTML:<form class="form-login" name="loginForm" novalidate ng-submit="login()"><fieldset><h2>Login</h2><input type="text" required class="input-block-level" placeholder="Username" ng-model="username" name="username"><div ng-show="loginForm.username.$dirty && loginForm.username.$invalid"><span ng-show="loginForm.username.$error.require...

javascript – 将OBJECT ARRAY绑定到AngularJs中SELECT的选项值【代码】

我有一个对象哈希,这个哈希的ID绑定到RADIO BUTTON.当用户选择此收音机时,我需要使用基于此模型属性的选项填充选择标签.很难解释,所以我创建了一个Codepen来展示我想要的东西:http://codepen.io/rizidoro/pen/BeJjf 提前致谢!解决方法:这是一个动态绑定到单个SELECT元素的codepen demo绑定,并且对选择更改进行了有效的ng-model绑定: HTML:<div ng-controller="TestCtrl"><ul><li ng-repeat="attr in data"><input type="radio"...

javascript – 如果应用程序处于脱机状态,如何使用AngularJS进行检测?

我们在偏远地区有很多客户,经常失去连接.如何检测javascript应用是否脱机?含义无法到达服务器并加载模板.解决方法:我终于找到了一个完全正确的JSFiddle:检查Web应用程序是否在线.它使用window.navigator.onLine. JSFiddle:http://jsfiddle.net/rommsen/QY8w2/ 资料来源:https://groups.google.com/d/msg/angular/ZncvSVUc9y4/S4jH1e_XgGoJ

函数调用 - 相关标签
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 全部