草庐IT

Angular-app

全部标签

javascript - 如何从子范围内的指令设置 Angular Controller 对象属性值

我在ng-repeater中有一个指令应该设置一个范围属性。请在此处查看fiddle:http://jsfiddle.net/paos/CSbRB/问题是scope属性是作为属性值给出的,如下所示:clickme该指令应该将范围属性inputdata.title设置为某个字符串。这不起作用:app.directive('ngUpdate1',function(){returnfunction(scope,element,attrs){element.bind('click',function(){scope.$apply(function(){scope[attrs.ngUpdate1

javascript - 将圆 Angular 应用于路径/多边形

我正在为一个必须在几周内开始的项目收集一些信息。该项目包含一个基于浏览器的绘图工具,用户可以在其中添加预定义的形状或自己形成形状。形状必须是可选择的、可自由缩放的并且可以使用类似Illustrator的转换工具(handle)旋转。我们想到的预定义形状是:矩形、椭圆形、半椭圆形和(等腰)三Angular形。到目前为止一切顺利,要实现这一点,我正在考虑RaphaelJS或FabricJS,但是......每个形状(多边形/路径)都必须用特定的Angular半径绘制。并且缩放时必须保持圆Angular半径,因此不会发生失真。用户可以通过输入指定舍入。有一些障碍/问题:是否有一些统一的数学公

javascript - 如何在 Leaflet 标记弹出窗口中使用 Angular 指令 ng-click 和 ng-class

我在我所在的位置使用Angular.JS和Leaflet.JS制作map,map标记上绑定(bind)了弹出窗口。我需要使用一个带有两个不同图标(一个显示在下面的代码中)的跨度,您可以单击它们来调用不同的函数,如果满足某些条件,则可以使用ng-class来更改类。这是我的代码:varmarker=L.marker([51.5,-0.09],{icon:blueIcon}).bindPopup('');然而,当我检查元素时,我得到了这个:ng-click应该发送特定对象和对象数组的函数,但是当我单击图标时没有任何反应。在我的研究中,我发现弹出窗口阻止了事件传播(moreinfo,但我不确

javascript - 如何使用 Angular $location 通过动态更改其键值参数来设置我的新 url 位置?

假设我有一个RESTful端点,它接受一系列方面来查询数据。下面是几个例子:example.com/search?type=Doctor&location=Boston,MA&radius=2example.com/search?type=Facility&location=Wayne,NJ&radius=3&gender=fexample.com/search?type=Doctor&location=Patterson,NJ我的模块接受查询对象来执行搜索:console.log(query);{type:'Doctor',location:'Boston,MA',radius:'2

javascript - 更改Material Angular 4的Datepicker的语言

如何更改MaterialAngular日期选择器的语言?我在AngularMaterial2的文档中找不到。这是一个plunkrhttps://plnkr.co/edit/unzlijtsHf3CPW4oL7bl?p=preview 最佳答案 import{MAT_DATE_LOCALE}from'@angular/material';&providers:[{provide:MAT_DATE_LOCALE,useValue:'es-ES'}]在tpv.modules.ts中执行此操作

javascript - angular - ng-if - 如何在 ng-if 模板渲染后回调

在Angular中,我需要在加载具有特定类的元素后调用一个函数。元素的显示通过ng-if='expr'控制。$scope.expr的值在某个ajax调用响应后设置。现在,如果我尝试将$watch放在expr上,或者使用$evalAsync。它不工作。可能是因为这些事件在模板部分实际运行之前运行。这是一个示例代码:http://jsbin.com/kuyas/1/edit在这里,我需要在ng-if上进行回调,它会在模板呈现后执行。 最佳答案 一个可能的答案是创建一个指令来执行您想要执行的任何操作。如果您随后仅在ng-if控制的HTML

javascript - Angular ui-grid 事件 : row selected

我正在尝试根据用户界面网格上一行的选择来启用/禁用按钮。如果未选择任何行,则该按钮将被禁用。我找到了这个plunkr使用旧的ng-grid方式在选择一行后触发事件。$scope.gridOptions={data:'myData',selectedItems:$scope.selections,enableRowSelection:true,afterSelectionChange:function(){if($scope.selections!=""){$scope.disabled=false;}else{$scope.disabled=true;}}};不幸的是它不起作用,我在u

javascript - Angular 6 : How to set response type as text while making http call

我试图向springrestAPI发出http请求。API返回一个字符串值(“成功”或“失败”)...但我不知道如何在调用时将响应类型设置为字符串值API..它的抛出错误,因为后端返回代码200,正文是:[objectObject]我的Angular代码如下,订单.服务.tsimport{Injectable}from'@angular/core';import{HttpClient,HttpHeaders}from'@angular/common/http';import{ProductSearch}from'../_models/product-search';import{Pro

javascript - AngularJs 引用错误 : angular is not defined

我尝试添加自定义过滤器,但如果我使用以下代码:angular.module('myApp',[]).filter('startFrom',function(){returnfunction(input,start){start=+start;//parsetointreturninput.slice(start);}});但如果我这样做,我会在Firebug中得到:“ReferenceError:angularisnotdefined”。应用程序的其余部分工作正常,我在标签html中而不是标签html中使用ng-app,并且https://ajax.googleapis.com/aja

javascript - Protractor 3.1.1 + Angular2 : Could not find testability for element

我正在使用Protractor3.1.1和Angular2运行一个简单的HelloWorld示例,但是这个东西一直告诉我找不到元素的可测试性。我在Internet上搜索了有关该错误的一些信息,但运气不佳,这似乎是一种新的异常,没有多少人遇到过。这是我正在使用的组件:import{Component}from'angular2/core';@Component({selector:'my-app',template:'MyFirstAngular2App'+'{{myName}}'+''})exportclassAppComponent{myName='Joe';}这是Protracto