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

javascript – 在文档就绪时调用Angular函数【代码】

有没有办法从JavaScript函数调用Angular函数?function AngularCtrl($scope) {$scope.setUserName = function(student){ $scope.user_name = 'John';} }我的HTML中需要以下功能:jQuery(document).ready(function(){AngularCtrl.setUserName(); }这里的问题是我的HTML代码在加载页面时存在,因此html中的ng指令不会被编译.所以我想$compile(jQuery(“PopupID”));加载DOM时 有没有办法在文档准备好的情况下调用Angular函数?解决方...

javascript – 使用angular-cli在没有节点服务器的情况下运行本地构建在Chrome上的角度2应用程序【代码】

我将非常精确地使我的Angular 2问题. 我正在使用: 角2, angular-cli:1.0.0-beta.15,(webpack building) 节点:6.4.0, os:linux x64 2.我想要实现的目标: 我想以一种方式构建我的项目,在构建之后(ng build project-name)我获得了我的Angular 2应用程序的静态文件,我可以直接从chrome运行而不使用ng服务或节点服务器.我只想双击index.html并在本地运行应用程序. 3.同时,当我双击生成的index.html时,我在chrome浏览器控制台...

javascript – Angular 2如果路径不存在,如何重定向到404或其他路径【代码】

参见英文答案 > Handling 404 with Angular2 1个如果角度2中不存在路径,我试图重定向404 /其他路径 我尝试研究有一些角度1但不是角度2的方法. 这是我的代码:@RouteConfig([ {path: '/news',name: 'HackerList',component: HackerListComponent,useAsDefault: true }, {path: '/news/page/:page',name: 'TopStoriesPage',component: HackerListComponent }, {path: '/comments/:id',name: 'Com...

javascript – angular 6依赖注入【代码】

在Angular 6的最新版本中,使用服务元数据中的providedIn属性在模块中注册服务:@Injectable({providedIn: 'root', }) export class HeroService {}但是,文档仍然指的是在模块元数据中的模块提供程序数组中注册服务,就像我们在Angular 5中所做的那样:@NgModule({providers: [HeroService], }) export class AppModule {}所以, >应该使用哪种方法使注射器知道它应该注入的服务?>是否会弃用模块提供程序数组方法?解决方法:基本上你...

javascript – Angular cookies【代码】

我一直在寻找Angular cookies,但我还没有找到如何在Angular中实现cookie管理.有没有办法管理cookie(如AngularJS中的$cookie)?解决方法:我结束了创建自己的功能:@Component({selector: 'cookie-consent',template: cookieconsent_html,styles: [cookieconsent_css] }) export class CookieConsent {private isConsented: boolean = false;constructor() {this.isConsented = this.getCookie(COOKIE_CONSENT) === '1';}private get...

在Angular2中包含外部(托管)javascript文件【代码】

我正在尝试通过将记录添加到我的angular-cli.json文件中来将外部js文件添加到我的Angular2项目中. 我已经在[脚本]数组中添加了一个文件,如下所示:"scripts": ["https://as-identitydemo--c.na50.visual.force.com/resource/1495420277000/salesforce_login_widget_js"],我读过的所有其他帖子都指的是将这种格式用于本地托管或安装在node_modules等中的内容. 如何在项目中包含外部js库并使用它?解决方法:您应该在头标记中的index....

javascript – AngularJs:ng-model不绑定到ng-checked for input type =“radio”,使用ng-repeat【代码】

参见英文答案 > AngularJS: ng-model not binding to ng-checked for checkboxes 5个我正在尝试使用ng-repeat指令和逐个表达式来显示单选按钮,当我提交值附加到模型中时,当我使用模型中的值重新打开页面时,单选按钮不显示已选中. 我用平面字符串模型字符串值实现了相同的功能.但这次我正在尝试使用物体.<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"><...

javascript – Angular JS:输入[radio]不起作用【代码】

这是我的代码:<div ng-controller="TestController"><input ng-repeat="item in array" ng-model="selected.name" value="{{item.name}}" type="radio"></input> </div> <script type="text/javascript">var app = angular.module('app', []);app.controller('TestController', function ($scope) {$scope.array = [{name: 'lee',seq: 1,}, {name: 'tom',seq: 2,}, {name: 'jack',seq: 3,}];$scope.selected = $scope.array[0];})...

javascript – 在AngularJS中使用jQuery是一个好习惯吗?【代码】

我多年来一直在使用jQuery.现在,我想学习构建单页网站的新内容.我选择了AngularJS. 目前我想知道在AngularJS中使用jQuery是否是一个好主意? 例. 我在AngularJS控制器中有类似的东西:$http.post('ajax/gettimeline', { page: page }).success(function (data) {$rootScope.loading = false;// Here I need to built dynamic html with getting and setting// dynamic elements size, positions, change their properties, etc.}})...

javascript – 级联下拉列表angularjs ng-option对象错误【代码】

我在这里使用了这个例子http://devzone.co.in/simple-example-of-dependable-dropdowns-cascading-dropdowns-using-angularjs/它的工作正常,但我得到的索引号对象而不是获得价值 我的控制器 ‘使用严格’;/** * @ngdoc object * @name test.Controllers.TestController * @description TestController * @requires ng.$scope */angular .module('test') .controller('TestController', ['$scope',function($scope) {$scope.count...

javascript – AngularJS在接收数据后手动引导【代码】

我试图从服务器接收数据后手动引导AngularJS. bootstrap.js:var initInjector = angular.injector(['ng']); var $http = initInjector.get('$http'); var maindata;function bootstrapAngular() {angular.element(document).ready(function() {angular.bootstrap(document, ['app']);}); }function getMainData() {return maindata; }$http.get('/data').then(function (response) {maindata = response.data;bootstrapAngular();...

javascript – 在AngularJS中使用和【代码】

我有这个锚标记,我根据来自对象的日期更改我的视图.我正在尝试将其更改为选择选项,但它不能像我这样做. 这是锚标记语法:<a href="#" ng-repeat="item in home.prData" ng-click="home.selectedPr = item; $event.preventDefault();$event.stopPropagation();">{{item.date}}</a>当我使用select选项时,我试图改变它<select st-search="{{item.date}}" class="show-tick form-control dropdown_custom_list"><option value="">- sel...

javascript – Angular:无法向下滚动到元素的底部【代码】

我一直推迟修复这个错误,我已经有一段时间了.我有以下聊天窗口:我显示消息的窗口是一个单独的组件(chat-window.component.ts).我想用ngOnChanges滚动到底部. 当我们收到来自父组件的消息的对话时,通过异步请求从服务器接收消息,我们想要滚动到窗口元素的底部.我们通过在ngOnChanges生命周期钩子中调用类的this.scrollToBottom()方法来完成此操作. 调用此.scrollToBottom,但它不会滚动到元素的底部.有人能看出原因吗? chat-window...

javascript – jQuery单击不与AngularJS一起使用的事件【代码】

我正在将我的多重php jquery网站转换为单页角度应用程序.但是我已经用jquery编写了很多代码,所以只打算在路由等方面交换php for angular. 我遇到的一个问题是我无法弄清楚的是jquery点击事件我一直在用完,直到转换停止工作.如果我从控制台调用该函数,那么更改代码以使其从ng-click中触发它将起作用. jquery正在工作,我在提到的函数中放了一些jquery,它运行正常.<!doctype html> <html ng-app="myApp"> <head><link href="css/heade...

javascript – 在子文件夹中运行的Angular 7中的路由无法正常工作【代码】

我们正在努力将我们的应用程序迁移到新的Angular版本.旧的(Angular.JS)是它自己的应用程序/ repo由.NET Framework 4.5.2 ASP.NET MVC应用程序提供服务,它将每个调用路由到Home,它将返回包含angular应用程序的Razor View,然后启动它,可能会将URL的后缀路由到实际的Angular页面.例如,它会将www.website.com/profile路由到Angular中的配置文件路由,而不是尝试访问服务器上名为profile的文件夹.集成我们的API和Angular.JS应用程序并不是...

加载 - 相关标签
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 全部