我有一个输入定义为
<input class="datepicker" type="text" ng-model="clientForm.birthDate" />
哪个被装配在页面的其他地方显示：
<tr>
<th>Birth Date</th>
<td>{{client.birthDate|date:'mediumDate'}}</td>
</tr>
当页面加载时，出生日期很好地格式化为类似Dec 22, 2009.但是，当我查看我的<input>时，它显示为Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time)，我猜是JS如何将<td>对象呈现为字符串。
首先，我如何告诉Angular在<td>中显示日期为|date？ 我似乎无法在ng-model属性中应用|date。
其次，只要我编辑日期，即使保留它的原始格式，我的其他文本（在<td>内）似乎不再适用于|date过滤器; 它突然改变格式以匹配输入文本框的格式。 如何在每次模型更改时应用|date过滤器？
相关问题：
我有一个简单的User $资源，使用默认的$ http缓存实现，如下所示：
factory('User', function($resource){
return $resource(endpoint + '/user/current/:projectId', {},
{get:
{
cache: true,
method: 'GET'
}
}
);
})
这非常有效，即我的服务器只在我的应用程序中调用一次，然后从缓存中获取值。
但是我需要在某个操作后刷新服务器的值。 有一个简单的方法吗？
谢谢。
我使用的是ngAnimate模块，但我的所有ng-if,ng-show等都受此影响，我想将ngAnimate用于某些选定的元素。对于性能和一些显示和隐藏非常快速的元素的错误。
谢谢。
我尝试过WebStorm，但似乎只有基本的JavaScript支持，就像我尝试过的任何其他Web IDE一样。 我正在寻找能让我从HTML页面点击到控制器等的东西。
如果答案是＆＃34;否＆＃34; 对于这个问题，还有其他任何类似于Angular的JavaScript框架会有类似Eclipse插件或某些IDE中的任何其他类型的显式支持吗？
我在我的网络应用程序中使用Bootstrap和AngularJS。 我让两个人一起工作有些困难。
我有一个元素，其属性为data-source
<input id="searchText" ng-model="searchText" type="text"
class="input-medium search-query" placeholder="title"
data-provide="typeahead" ng-change="updateTypeahead()" />
我想在用户输入字段时更新data-source属性。 函数updateTypeahead被正确触发，但我无法访问触发事件的元素，除非我使用$('#searchText')，这是jQuery方式，而不是AngularJS方式。
让AngularJS使用旧式JS模块的最佳方法是什么？
这是我第一次尝试使用ui-router。
这是我的app.js
angular.module('myApp', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/index.html");
$stateProvider.state('index', {
url: '/'
template: "index.html",
controller: 'loginCtrl'
});
$stateProvider.state('register', {
url: "/register"
template: "register.html",
controller: 'registerCtrl'
});
})
如你所见，我有两个州。 我试图像这样注册州：
<a ui-sref="register">
<button class="button button-balanced">
Create an account
</button>
</a>
但我得到了
无法解决＆＃39;注册＆＃39; 来自州＆＃39;＆＃39;
例外。 这里有什么问题？
我需要在Highcharts中绘制任务的运行历史记录。 它需要将任务的运行历史显示为水平条。 我在下面的更新中添加了其他要求。 最近我发现StockChart不支持09:38选项，只有navigator＆amp; rangeSelector在StockChart中可用。 因此我正在使用这些功能。
因此，为了达到这个要求，我创建了类似于这个jsfiddle示例的东西（在浏览过程中找不到记忆源代码的地方），并在我之前的问题的帮助下结束了这个plunker链接，感谢Pawel Fus
更新问题以避免混淆
其他要求：
仅显示在特定日期和时间范围内运行的任务。 如果运行次数太多，例如运行次数超过10次，则需要有一种方法，只能使用可滚动显示其他任务的y轴显示10个任务。plunker链接到问题
上述拔毛器的问题解释。
如果您从上面的plunker查看下面的屏幕截图，时间范围是从09:38到19:20，并且只有2个任务已运行19:20＆amp; m_ZIG2_HCP_MERGE_IB_CN.但是我可以在LILLY_C之间看到另一个任务，它甚至没有在这个日期时间范围内运行。 （在实际数据中，有超过10个任务使这个图表混乱，甚至不属于这个日期时间范围）
此外，如果您注意到最右下角时间从09:38转移到19:20. 19:20是m_ZIG2_HCP_MERGE_IB_CN任务的结束时间。
以下是我的图表选项
var chart_options = {
chart: {
renderTo: 'container',
height: 600
},
title: {
},
credits: {
enabled: false
},
xAxis: {
type: 'datetime',
gridLineWidth: 1,
tickInterval: 1 * 3600 * 1000,
dateTimeLabelFormats: {
month: '%b %e, %Y'
}
},
yAxis: {
tickInterval: 1,
gridLineWidth: 1,
labels: {
formatter: function() {
if (tasks[this.value]) {
return tasks[this.value].name;
}
}
},
startOnTick: false,
endOnTick: false,
title: {
text: 'Task'
}
},
rangeSelector: {
selected: 0,
buttons: [ {
type: "minute",
count: 60,
text: "1h"
}, {
type: "minute",
count: 180,
text: "3h"
}, {
type: "minute",
count: 300,
text: "5h"
}],
inputDateFormat: '%m/%d/%Y %H:%M:%S',
inputEditDateFormat: '%m/%d/%Y %H:%M:%S',
inputBoxWidth: 120
},
navigator: {
enabled: false
},
legend: {
enabled: false
},
tooltip: {
shared: false,
formatter: function() {
var str = '';
str += 'Task: ' + this.series.name + '<br>';
str += 'From: ' + Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.from) + '<br>';
str += 'To: ' + Highcharts.dateFormat('%m/%d/%y %H:%M', this.point.to) + '<br>';
return str;
}
},
plotOptions: {
line: {
lineWidth: 10,
marker: {
enabled: true
},
dataLabels: {
enabled: true,
align: 'left',
formatter: function() {
return this.point.options && this.point.options.label;
}
},
states:{
hover:{
lineWidth:10
}
}
},
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var query = '{ "task_id": "'+this.task_id+'","start_time": '+this.from+',"exclude_interval": '+opExcludeMinutes+',"size": 10 }';
$scope.taskName = this.series.name;
$scope.isTaskSelected = false;
$scope.operationalReportAgentTaskHistoryServiceRequest(query);
}
}
}
}
},
series: seriesData
};
是否有可能在Angular中以类似的方式验证单个隔离的<form>表格是否经过验证？ 我正在考虑这样的事情：
<div class="form-group">
<input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
<span class="error" ng-show="myInput.$error.maxlength">Too long!</span>
</div>
上面的例子不起作用。 将其封装在<form>中，并将ng-show替换为ng-show="myForm.myInput.$error.maxlength"。
是否可以在不使用<form>的情况下执行此操作？
我在隐藏的textarea中有一些文本。 单击按钮时，我希望将文本提供下载为.txt文件。 这可能使用AngularJS或Javascript吗？
我想做一个重定向来完成整页重新加载，以便在页面加载时刷新我的Web服务器中的cookie。 window.location = "/#/Next"和window.location.href = "/#/Next"没有工作，他们做一个没有命中服务器的Angular路线。
在Angular控制器中发出完整服务器请求的正确方法是什么？
使用AngularJS，我可以使用ng-pristine或ng-dirty来检测用户是否已进入该字段。 但是，我想在用户离开字段区域后才进行客户端验证。 这是因为当用户输入电子邮件或电话等字段时，他们将始终收到错误，直到他们完成输入完整的电子邮件，这不是最佳的用户体验。
例
更新：
Angular现在附带自定义模糊事件：[https://docs.angularjs.org/api/ng/directive/ngBlur]
主要问题 - 有可能吗？ 我试着没有运气..
主app.js
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...
提供者本身
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});
我有这样的错误：
Uncaught Error: Unknown provider: $http from services
有任何想法吗？
谢谢！
我试图处理ng-repeat循环中的范围问题 - 我已经浏览了很多问题，但还没有完全能够让我的代码工作。
控制器代码：
function Ctrl($scope) {
$scope.lines = [{text: 'res1'}, {text:'res2'}];
}
视图：
<div ng-app>
<div ng-controller="Ctrl">
<div ng-repeat="line in lines">
<div class="preview">{{text}}{{$index}}</div>
</div>
<div ng-repeat="line in lines">
<-- typing here should auto update it's preview above -->
<input value="{{line.text}}" ng-model="text{{$index}}"/>
<!-- many other fields here that will also affect the preview -->
</div>
</div>
</div>
这是一个小提琴：[http://jsfiddle.net/cyberwombat/zqTah/]
基本上我有一个对象（它是一个传单生成器），它包含多行文本。 每行文本都可以由用户调整（文本，字体，大小，颜色等），我想为它创建预览。 上面的示例仅显示输入文本的输入字段，我希望自动/按类型更新预览div，但会有更多控件。
我也不确定我的循环索引是否正确 - 是否是在循环中创建ng-model名称的最佳方法？
我想用离子与材料设计。 我在使用离子指令与自定义CSS和角度材料之间陷入困境
我已经读过使用离子指令我们得到很多有效的功能
即使在导航到其他视图并返回到页面之后，也会使用UI路由器记住应用程序数据
离子列表项目仅在显示高度时呈现，并在向下或向上滚动时重复使用
并且有很多性能改进。
但是，如果我使用离子指令，他们就没有材料设计。
如果我使用角度材料，我将无法获得这些性能改进，以及移动应用程序所需的额外功能。
角度材料指令就像
<md-list>
<md-item ng-repeat="item in items">
Hello, {{item}}!
</md-item>
</md-list>
离子指令就像
<ion-list>
<ion-item ng-repeat="item in items">
Hello, {{item}}!
</ion-item>
</ion-list>
看起来Ionic正在为角材料项目开发提供资金，那么为什么角材料不能与离子材料一起使用呢？
如何在不失去离子性能改进和功能的情况下使用角度材料组件？
要么
使用离子材料设计有更好的想法吗？
我使用了角度ui-bootstrap typeahead，我想用它作为一种方法来获取很多选择，因此我需要在启动selectMatch方法时获取所选值，但我可以＆＃39 ;在我的控制器中找到如何做到这一点
<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{selected| json}}</pre>
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue">
如果我看到所选的值，每按一次键我都会得到更改...
scope.$watch('selected', function(newValue, oldValue) {... });
我知道方法selectMatch是当用户按回车或点击列表时调用的方法，但我不知道如何回调...
谢谢 ！
我正在制作一个演示，我在定期的时间间隔后使用$scope.apply从服务器获取数据现在我需要停止/取消它。
我怎么能做到这一点？ 如果我需要重新启动过程，我应该怎么做？
其次，我还有一个问题：我在重新计算时间间隔后从服务器获取数据。 有没有必要使用$scope.apply或$scope.watch？
这是我的傻瓜：
app.controller('departureContrl',function($scope,test, $interval){
setData();
$interval(setData, 1000*30);
function setData(){
$scope.loading=true;
test.stationDashBoard(function(data){
console.log(data);
$scope.data=data.data;
$scope.loading=false;
//alert(data);
},function(error){
alert('error')
}) ;
}
});
[http://plnkr.co/edit/ly43m5?p=preview]
我有这个代码：
app.controller('MainCtrl', function ($scope, $http){
$http.get('api/url-api')
.success(function (data, status, headers, config){
}
}
在我的本地环境中，工作正常，但在服务器中，返回此错误：
TypeError：$ http.get（...）。success不是函数
有任何想法吗？ 谢谢
有时我需要在我的代码中使用$scope.$apply，有时它会抛出一个已经在进行中的摘要＆＃34; 错误。 所以我开始找到解决这个问题的方法并找到了这个问题：AngularJS：在调用$ scope时预防错误$ digest。$ apply（）。 但是在评论中（以及角度维基上），您可以阅读：
不要做（！$ scope。$$阶段）$ scope。$ apply（），这意味着你的$ scope。$ apply（）在调用堆栈中不够高。
所以现在我有两个问题：
另一个＆＃34;解决方案＆＃34; 防止＆＃34;消化已在进行中＃34; 错误似乎是使用$ timeout：
$timeout(function() {
//...
});
这是要走的路吗？ 它更安全吗？ 所以这是一个真正的问题：如何完全消除已经在进行中的消化的可能性＆＃34; 错误？
PS：我只使用$ scope。$ apply适用于非同步的非angularjs回调。 （据我所知，你必须使用$ scope。如果你想要应用你的更改，请申请$）
我想要做的是按属性排序一些数据。 这是我应该努力的例子，但它没有。
HTML部分：
<div ng-app='myApp'>
<div ng-controller="controller">
<ul>
<li ng-repeat="(key, value) in testData | orderBy:'value.order'">
{{value.order}}. {{key}} -> {{value.name}}
</li>
</ul>
</div>
</div>
JS部分：
var myApp = angular.module('myApp', []);
myApp.controller('controller', ['$scope', function ($scope) {
$scope.testData = {
C: {name:"CData", order: 1},
B: {name:"BData", order: 2},
A: {name:"AData", order: 3},
}
}]);
结果如下：
- A - ＆gt;ADATA
- B - ＆gt;BDATA
- C - ＆gt;CData的
......恕我直言应该是这样的：
- C - ＆gt;CData的
- B - ＆gt;BDATA
- A - ＆gt;ADATA
我错过了什么（这里准备JSFiddle进行实验）？
简单问题：如何在html中设置范围值，由我的控制器读取？
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
<div ng-controller="MyController" app-myVar="test">
{{myVar}}
</div>
</div><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
<div ng-controller="MyController" app-myVar="test">
{{myVar}}
</div>
</div>JSFiddle：[http://jsfiddle.net/ncapito/YdQcX/]