本质上,我试图使用资源模块中的AngularJS从客户端发布一个对象数组,Angular没有发送JSON对象,而是通过线路发送一个无用的toString表示
不幸的是,fiddle中的代码本身并没有太大作用——虽然它仍然非常原始,看起来还不太像正确的方式),但至少从Chrome控制台来看,这似乎是一个角度问题,而不是grails
Query String Parameters:
callback:JSON_CALLBACK
tests:%5Bobject+Object%5D,%5Bobject+
我有一个带有ng src属性的img元素,如果models图像值存在,它将显示/隐藏,如下所示:
<img ng-show="model.image" ng-src="img/{{model.image}}"/>
这很好用。但显然,当不存在图像值时,它仍然向服务器发出获取“…img/”的请求。我怎样才能阻止它提出这个请求?我想我需要有条件地从DOM中删除元素,并且应该将我的DOM操作放在一个指令中,但我不确定具体如何实现这一点。干杯。Angular 1.1.5引入了有条件地从D
标签: Angularjs
angularjs-directiveangularjs-scopeangular-ui
有没有办法访问角度表达式中的全局JavaScript变量?例如:
ng-disabled="{someJavascriptVariableHere}"
角度表达式将只查找$scope上的变量,但如果在控制器中执行类似操作:
// assumes someJavascriptVariableHere exists in the global scope
$scope.someJavascriptVariableHere = someJavascriptVariableHere;
然后您可以访问
我有一个这样定义的服务:
angular.module("myApp")
.factory("myService.foo", function () {
// utterly delightful code
});
我用Karma和Jasmine来测试。在测试中,我的大多数服务器测试都是这样做的:
describe('Service: someService', function () {
// load the service's module
beforeEach
在我正在开发的angular应用程序中,我希望有一个抽象的父状态,它必须解决其所有子状态的某些依赖关系。具体地说,我希望所有需要经过身份验证的用户从某个authroot状态继承该依赖关系的状态
我遇到了这样的问题:父依赖关系不总是得到重新解决。理想情况下,我希望让父状态检查用户是否仍然自动登录任何子状态。它说,在未来
子状态将从父状态继承已解析的依赖项,它们可以覆盖这些依赖项
我发现只有当我从父级之外的状态输入任何子级状态时,父级依赖关系才会被重新解析,但如果在兄弟级状态之间移动,则不会被重新解
我正在开发一个应用程序,它使用自动完成。它应该类似于jQueryUIAutoComplete,所以如果用户开始键入,它会向他推荐一些选项。问题是,我有两种数据,我正在搜索。实际上,有“任务”和“项目”
每个任务都有一些参数:任务id、任务名称显示、任务名称搜索、项目id。每个项目都有:项目id、项目名称显示、项目名称搜索、客户id、客户名称
应用程序应该搜索所有这些参数,但应该只显示其中的一些参数。例如,如果数据为:
task-id: 47
task-name-display: Task nam
我在这里读到:
至于知道ngModel的价值何时变化,我有两种方法
有人看见了。一种是覆盖ngModelController的$render
功能。另一种方法,在我的研究中,哪种方法更可靠
经验,就是使用范围。$手表加上一个功能,如所述
到上面。例如:
要求:“ngModel”,链接:功能链接(范围、元素、属性、,
ngModelCtrl){scope.$watch(函数(){returnscope.$modelValue;
},函数(值){
//使用更新的模型值执行某些操作…});}
我在我的
我正试图制定一个会影响元素宽度/高度的指令。通过查看示例,我发现可以通过引用适当的函数来获取/设置宽度/高度。例如,在指令的link函数中,我尝试执行以下操作:
function link(scope, element, attr) {
var height = element.height();
}
然而,在我的代码中,我得到了“错误:element.height不是一个函数”
我是否缺少了对angular.js模块/库的引用,或者文档不是最新的?如果您没有将jQuery angula
我正在从angular.js客户端向asp.net web api PUT方法发出以下请求:
var org = {
OrgId: 111,
name: 'testing testing'
};
$http.put("http://localhost:54822/api/data/putorganisation/1/", org).then(function(status) {
cons
我正在尝试根据属性对集合进行分组,同时希望使用一个属性筛选集合
当我尝试以下方法时
<div data-ng-repeat="(group,parameter) in parameters | filter : { 'type' : '!GroupType' }| groupBy :'group'">
<fieldset>
<legend>{{group}
我有一个Angular指令,当附加到时,在用户输入后等待一秒钟,然后用$http查询端点。简而言之,它的目的是检查用户名的唯一性
看起来是这样的:
.directive('sgValidUsername', ['$http', function(http) {
var waitTimer;
var checkIfUserExists = function(e, ctrl) {
http.get('/publicapi/users/' + e.target.
我有一个AngularJS 1.3应用程序,我想最终会转移到AngularJS 2.0。我看过ng欧洲的视频,我知道有很多变化。由于我希望AngularJS 1.3代码在未来12年内继续发展,我想听听是否有人对准备2.0有任何具体建议
我的应用程序很简单,因为它不创建任何指令。特别是,我想听听关于如何创建控制器的技巧,以便为它们在2.0中变得非常不同做好准备。我是否应该删除控制器中对作用域的所有引用。我应该把一切都转移到服务业吗
我希望得到一些有用的建议,但当然也有一些具体的建议,这样这个问题就
我尝试在iPhone上插入一行SQLite
DB.query('INSERT INTO documents (title, anything, largeImage, author, isbn) VALUES (?,?,?,?,?)', [ 'title', 'jgfu', 'mop', 'author', 40 ]);
在这项计划中:
{
name: 'documents',
columns: [
{name: 'id', ty
我使用gulp/gulpjasmine/angular来运行单元测试。但是,在运行Gulp目标时,我遇到以下错误:
C:\Projects\website2>gulp test
[01:53:10] Using gulpfile C:\Projects\website2\gulpfile.js
[01:53:10] Starting 'test'...
[01:53:11] Version: webpack 1.4.13
Asset Size Chunks
标签: Angularjs
angularjs-directiveangularjs-scopeangularjs-ng-repeatng-options
我是安格拉斯的新手。我试图从列表中调用一个方法,但不幸的是脚本失败了。看一看那砰砰的一声
当使用下面的代码这样的范围变量时,一切正常
Province:<select ng-model="portinForm.address.provinceCode" ng-options="province.code for province in ProvinceList"></select>
角度不支持这个!或者我在做什么事情
谢谢Angular将继续运行摘要,直到所有视图值稳定
在ngRoute中,将解析值传递给特定状态的控制器
代码是:
.config(['$routeProvider', 'securityAuthorizationProvider', function ($routeProvider, securityAuthorizationProvider) {
$routeProvider.when('/projects', {
templateUrl:'projects/projects-list.tpl.html',
controll
我需要在不同的页面/视图中显示和隐藏后退按钮。我的参考资料来自:
但这不起作用,因为控制器只调用一次,但在不同状态下的视图更改时不会调用。另外,从其他控制器(链接到不同状态)更改$scope.hideBackButton的值对按钮显示没有任何影响
有人能告诉我如何在每个导航上切换回按钮显示吗。我缺少什么?您可以更改缓存设置,以便在重新加载页面时再次调用控制器:
我今天也有同样的问题
最简单的解决方案是使用$ionicNavBarDelegate:
.controller('AppCtrl', f
这是我的控制器:
capApp.controller('cookieCtrl', ['$scope','$cookies', function($scope, $cookies) {
var cookieSet = $cookies.user_id;
alert('coolkie is ' + cookieSet); // this is fine and shows the value
}]);
还有我想展示的导航:
<div id="siteNav2" ng-controll
在一个简单的Ionic应用程序中,我必须播放youtube视频。它可以在浏览器中正常工作,但不能在实际的android设备上运行。
我引用了来自
我在ionic应用程序中使用以下代码
<ion-view view-title="{{navTitle}}">
<ion-content has-header="true" padding="true">
<div class="
我有以下路线:
$stateProvider
.state("base",
{
url: "",
abstract: true,
resolve: {
aService: "aService",
dataNeeded: function(aService) {
return aService.getDataMethod().$promise;
我花了一个下午的时间在这件事上,没有任何进展,我真的开始怀疑这是否可能
我使用带净空的Angular来处理向下滚动时菜单消失的问题。我的测试是用量角器完成的,使用PhantomJS,这就是乐趣的开始
PhantomJS不支持.bind(),Headloom在所有地方都使用它,这意味着我需要填充它。这应该没问题,但我不能让它工作
我认为我的问题是,无论我在哪里运行polyfill函数,PhantomJS和测试页面都已经加载,所以已经太晚了,由于.bind()不可用,Headwoom将无法加载
在加
我在获取复选框以显示模型的正确状态(选中/未选中)时遇到一些问题。我的控制器中有以下各项:
app.controller('PhotosCtrl', ['$scope', function($scope) {
$scope.form = {};
$scope.editPhotos = {
token: $scope.token,
idArray: $scope.idArray
};
}]);
我的表单如下所示:
<form acce
当我在Angular应用程序中添加ngSanitize时,系统停止工作
我这样称呼它:
angular.module('routings', ['ngSanitize']).controller('RoutingsController', ['$scope', '$sce',...
function($scope, $sce,...
angular-sanitize已经在我的bower.json文件和我的索引中,所以我不知道这为什么不起作用
编辑:
以下是我如何调用我的JS文件:
js: [
我在为每个子状态加载控制器/模板时遇到问题。我在每个状态控制器中都有一个console.log,但它们不会启动。任何想法都将不胜感激
目的是始终为以下每个子状态加载艺术家
var stateConfig = ['$stateProvider', function($stateProvider) {
// State Configurations
$stateProvider
.state('artist', {
abstract: true,
url: '/' + artistSlug,
我正在使用Angular和ui路由器。我试图重构一些代码,如下所示:
window.location.hash = "order/" + vm.selectedRow.ID;
{ orderId: 2 }
为此:
$state.go("^.order", {orderId: vm.selectedRow.ID} )
更改为使用$state.go可以很好地处理导航到路由的问题,但是,它在URL更新之前就到达了。在关联控制器的构造函数中,我从当前url的末尾获取orderId,并在查询中使用它
在我以前的文章中,我试图用post方法将一个JSON和一个列表从angular发送到SpringMVC。
现在它工作得很好!!!
控制器:
@RequestMapping(value="/create/", method=RequestMethod.POST)
@ResponseBody
public StatusResponse create(@RequestBody EventsDTO events) throws TechnicalException {
return new Status
我有一个下拉列表,应该会导致在更改时获取数据。我不需要对下拉列表中的模型进行双向绑定。我只是希望它最初填充一个部门列表,当用户选择一个时,它会得到该部门的用户列表
选择框如下所示:
<select class="form-control" id="selDepartmentList" ng-model="departmentList" ng-change="getUsersInDepartment(document.getElementById("selDepartmentList").o
标签: Angularjs
angularjs-directiveangularjs-compileui-codemirror
我试图使用外部模块,AngularUI codemirror,使用嵌套指令ui codemirror,在代码格式的块中显示封闭AngularJS指令的$element.html()
如果你想知道我为什么要这么做,看看
我可以很容易地从示例中看出如何使用静态文本来实现这一点。我可以传递封闭指令的innerHTML。它只是没有编译成uicodemirr指令
我明白了,可能需要使用$compile服务来实现这一点,但我无法使该示例适应这种情况
以下是AngularJS代码的一些示例:
angular.
我正在尝试使用onsenui()和Videogular()制作一个视频播放器应用程序。当我一起使用时,videogular的视频控制器不工作。下面是我的代码
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<link rel="stylesheet" href="
我想看看这些东西是如何与state和stateparams一起工作的。遇到一个plunker()并开始修改它。在下面的代码中-$state.href(myStateName,myParams)}似乎不起作用。有人能解释一下吗
我的应用程序
ul{左填充:0;}li{列表样式:无;}
文件。写入(“”)
当前状态名称:{{$state.current.name}
params
{{$stateParams | json}
状态
{{$state.current | json}
附带的JS
在我的控制器中,我的代码可以很好地进行过滤,但我想创建一个新字段,将html中的角度过滤器的两个字段连接起来。这是我的东西,它不起作用。。这可能吗
private filterByColumns: string = "";
getData = (): void => {
var vm = this;
this.carHopService.getDetails({ id: th
我们有一个应用程序/网站使用Angular 1.5。将所有内容转换为Angular 2需要时间,而这并不是我们目前工作的重点
我在想,新的组件/指令/服务可以在Angular 2中编写它们,以避免以后最终转换它们,并开始学习新的语法
但是用ngUpgrade装运包含角度1.5和2的东西真的是个好主意吗?内存占用应该会更大,但还有其他缺点吗
Pascal Precht的以下文章提到:请记住,这个[升级]阶段的目标是尽可能少地停留在这个阶段,因为在同一个网站上运行两个框架肯定不理想。但这并不能告诉我
我必须从我的数据排序中获取检查点,这些检查点由objectId跟踪并与其中一个指针匹配。我试过了
var checkpoint = Parse.Object.extend("Checkpoint");
var q1 = new Parse.Query(checkpoint);
q1.equalTo("mission", {
__type: "Pointer",
className: "Mission",
我使用的是角度谷歌地图,默认情况下,放大缩小选项出现在右下角,但我需要将该控件放置在左下角。它可以在谷歌地图api中完成,但我使用的是角度谷歌地图。并且在定位地图控件时遇到困难。如中所示,您可以通过选项属性将对象传递给指令:
<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"></ui-gmap-google-map>
#地图#画布{
宽度:100%;
身高:100%
我正在尝试在ionic应用程序上使用默认的选择列表模板
<div class="list">
<div class="item item-input item-select">
<div class="input-label"> Lightsaber </div>
<select>
<option>Blue</option>
<option selected>Green
我到处寻找这个,因为很多人似乎都犯了这个错误。我知道为什么我会得到它,但我不知道如何修复它
我正在使用Zoopla属性API-
回调是jsonp=JSON_回调,它以jsonp格式返回API。但是由于Angular将JSON_回调更改为Angular.callbacks,因此遇到了错误。\u 0
然后API完全忽略回调函数名并返回JSON,因为它不喜欢点符号
有没有办法避免这个错误 你能发布你的相关代码吗;
标签: Angularjs
angularjs-directiveangularjs-scope
我是个新手,对指令没有太多想法。我需要创建一个指令,它将时间戳作为输入,并以小时:分钟:秒的格式(下拉)显示相同的内容。如果有人从屏幕上更改小时、分钟或秒的值,则时间戳也应更改。我可以转换时间戳并将其显示为小时、分钟和秒,但当用户从屏幕上更改值时,我无法恢复时间戳。您可以使用日期过滤器实现这一点:
<input type="text" ng-model="dateInput">
{{dateInput | date : 'hh:mm:ss'}}
{{dateInput}date:
我对Angular UI Grid()有问题。网格在用户单击按钮后出现的模式窗口中实现。
服务就是这样工作的:用户选择要准备的数据集并单击按钮。点击按钮后,网站向rest服务发送请求以接收数据。接收到数据后,显示带有表格的模式。列数取决于用户请求的数据
问题是,在用户更改列宽并使用此表关闭模式后,UI网格会“记住”用户留下的列宽。若用户将选择另一组我正在清理的数据GridOptions对象,并在收到数据后再次填充它。问题是行宽度保持在以前的状态。
到目前为止,我试过:
使用APIcore.re
我正在使用我们的角度项目的用户界面传单。我们也有传单。热创建热图
问题是,每当数据更新时,圆标记上的事件就会停止工作
我面临的另一个小问题是热图不会更新,除非我使用超时。
我不知道我做错了什么,任何帮助都是感激的
我已经创建了一个示例jsfiddle
至于当热图打开时无法单击圆圈标记的原因,可能只是SVG元素堆叠的问题:热图在圆圈标记后绘制,覆盖整个地图,因此您无法再使用鼠标与标记交互
您只需隐藏并再次显示热图覆盖(甚至不需要更新)即可触发此问题。或使用@Jieter circlemarker.
我正在尝试对我的组件控制器进行单元测试,我发现以下错误。谁能告诉我,这里怎么了
我的依赖项:
角度1.5.6
角度模拟1.5.7
摩卡咖啡2.5.3
业力0.13.22
错误:
modalCleanup component "before all" hook: workFn FAILED
Error: [$injector:unpr] Unknown provider: $elementProvider <- $element
http://errors.angular
我是一个角度的初学者和一个完全的noob电子。我想知道是否可以使用webapp的大部分现有代码库将现有angular应用程序移植到electron
我在这上面找到了几个链接,但在谷歌上没有找到多少。大多数结果都是从angular和electron开始创建桌面应用程序-这是我的意图,但我想使用我现有的大部分代码库,理想情况下,只添加webpack和electron相关配置,从现有代码库编译electron应用程序,因为我不想维护同一代码库的两个版本
我可以使用这个桥来访问Electron API(
我使用的是Angular md autocomplete,在用户第一次在文本框中键入后,它开始在下拉列表中显示自动完成选项。用户第一次单击文本框时是否也会显示此下拉列表
以下是md自动完成html:
<md-autocomplete flex
role="combobox"
md-selected-item="text"
md-no-cache="true"
我使用嵌套的ng repeat循环所有对象的值
<tr class="" ng-repeat="(position, values) in chartResult.realData track by $index">
<td>
<div ng-click="select(position)" ng-class="{selected: position===selectedItem}">
&l
我有以下内容,它只是将一个名称和一个uid一起推送到数据库中。我想同时将该uid存储在另一个位置。我怎样才能做到这一点?我用的是爱奥尼亚3号,angularfire2号
addName() {
let prompt = this.alertCtrl.create({
title: 'Name of user',
message: "Enter a name for this new user",
inputs: [
我正在使用Ubuntu 16.04,在angularJs和node.js中进行项目工作,在那里我必须打开7个终端并在每个终端中键入npm start来运行项目
有什么简单的方法来运行这个项目吗 使用intelij或webstorm等高级ide可能会帮助您,甚至认为这不是您问题的答案我不知道为什么您需要7个终端用于angularJS和NodeJS项目,但可以选择以下选项来缓解痛苦:
使用tmuxforlinux,它基本上允许您将一个终端窗口拆分为多个窗口,这样您就可以管理在每个部分中运行不同的命令
我是angularJS的新手,所以需要一些输入。
我正在尝试访问其中一个目录中的$scope变量。我已在控制器中设置了$scope值。
下面是流程的层次结构。
Order.js定义了$scope变量
$scope.test = true;
html调用另一个html
<cra-violations-table
violations="order.violations"
on-assign-success="onAssignSuccess"
我试图在CloudFoundry上推ionic PWA,因为CloudFoundry使用node.js buildpack,一开始我遇到了启动命令未找到的问题。为了解决这个问题,我在package.json中添加了:“start”:“爱奥尼亚应用程序脚本服务”。我还添加了manifest.yml文件,其中包含以下内容:
应用程序:
name: CfTestApp
memory: 256M
command: ionic-app-scripts serve
在此之后,当我尝试命令“cf push
我正在关注基于1.2版的AngularJs教程,我发现它在最新的1.7.2版上不起作用。
经过几次测试,我意识到它在1.3+版本上不起作用,但根据文档,我真的看不到使用ng controller时有什么不同
我的代码是:
<div id="example" ng-controller="CommentsCtrl">
<div ng-repeat="comment in comments | filter:{content: query} | orderB
数组变量不断增加。无论何时添加新元素,都会触发过滤器。数组过滤所有元素。因为我重复的数组包含实时数据,所以添加了连续数据。这会导致性能损失。随着阵列大小的增加,过滤器开始出现故障
ng-repeat="data in col.columnData
| filter:{body:col.UIFilter.match}
| filter:repostQuery(col.UIFilter.repost)
我的第一个问题,我不知道用AngularJs在twig中创建一个动态模板。
我的项目的目的,然后制作一个页面编辑器应用程序。
因此,首先:
-我得到一个JSON文件,其结构如下
-我开始处理JSON文件的内容,但我陷入了处理过程中。
我能要求一个好的解决方案吗?
非常感谢
/* Json file */
$scope.form={
'content':
[{
"name" : "text_right",
"img" : "nope.jpg"