javascript

java

python

c#

node.js

reactjs

android

php

c++

ruby-on-rails

html

jquery

git

css

ios

sql

.net

c

<img src="//i.stack.imgur.com/bk9VA.png" alt="" class="sponsor-tag-img" width="18" height="16"/>android

string

angularjs - 如何使用ng-model格式化日期?

我有一个输入定义为

<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过滤器?


相关问题:

  • 如何让我的指令只在onchange上启动?
  • 如何访问指令中的参数?
trans by 2019-08-23T00:49:44Z

如何在Angular中刷新/无效$ resource缓存

我有一个简单的User $资源,使用默认的$ http缓存实现,如下所示:

factory('User', function($resource){
    return $resource(endpoint + '/user/current/:projectId', {},
        {get: 
            {
                cache: true,
                method: 'GET'
            }
        }
    );
})

这非常有效,即我的服务器只在我的应用程序中调用一次,然后从缓存中获取值。

但是我需要在某个操作后刷新服务器的值。 有一个简单的方法吗?

谢谢。

trans by 2019-08-22T23:20:57Z

angularjs - 禁用某些元素的nganimate

我使用的是ngAnimate模块,但我的所有ng-if,ng-show等都受此影响,我想将ngAnimate用于某些选定的元素。对于性能和一些显示和隐藏非常快速的元素的错误。

谢谢。

trans by 2019-08-22T03:48:53Z

javascript - 是否有明确支持AngularJS的IDE?

我尝试过WebStorm,但似乎只有基本的JavaScript支持,就像我尝试过的任何其他Web IDE一样。 我正在寻找能让我从HTML页面点击到控制器等的东西。

如果答案是&#34;否&#34; 对于这个问题,还有其他任何类似于Angular的JavaScript框架会有类似Eclipse插件或某些IDE中的任何其他类型的显式支持吗?

trans by 2019-08-21T18:54:02Z

javascript - 在angularjs中如何访问触发事件的元素?

我在我的网络应用程序中使用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模块的最佳方法是什么?

trans by 2019-08-21T11:14:13Z

angularjs - 无法从州''解析'...'

这是我第一次尝试使用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;

例外。 这里有什么问题?

trans by 2019-08-21T03:29:09Z

javascript - 如何使用范围和导航器功能在Highcharts中创建列范围图表?

我需要在Highcharts中绘制任务的运行历史记录。 它需要将任务的运行历史显示为水平条。 我在下面的更新中添加了其他要求。 最近我发现StockChart不支持09:38选项,只有navigator&amp; rangeSelector在StockChart中可用。 因此我正在使用这些功能。

因此,为了达到这个要求,我创建了类似于这个jsfiddle示例的东西(在浏览过程中找不到记忆源代码的地方),并在我之前的问题的帮助下结束了这个plunker链接,感谢Pawel Fus

更新问题以避免混淆

其他要求:

仅显示在特定日期和时间范围内运行的任务。 如果运行次数太多,例如运行次数超过10次,则需要有一种方法,只能使用可滚动显示其他任务的y轴显示10个任务。plunker链接到问题

上述拔毛器的问题解释。

如果您从上面的plunker查看下面的屏幕截图,时间范围是从09:3819:20,并且只有2个任务已运行19:20&amp; m_ZIG2_HCP_MERGE_IB_CN.但是我可以在LILLY_C之间看到另一个任务,它甚至没有在这个日期时间范围内运行。 (在实际数据中,有超过10个任务使这个图表混乱,甚至不属于这个日期时间范围)

此外,如果您注意到最右下角时间从09:38转移到19:20. 19:20m_ZIG2_HCP_MERGE_IB_CN任务的结束时间。enter image description here以下是我的图表选项

    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
        };
trans by 2019-08-20T10:39:26Z

AngularJS <input>验证,没有封闭的<form>

是否有可能在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>的情况下执行此操作?

trans by 2019-08-20T06:38:45Z

如何使用AngularJS或Javascript提供下载文件?

我在隐藏的textarea中有一些文本。 单击按钮时,我希望将文本提供下载为.txt文件。 这可能使用AngularJS或Javascript吗?

trans by 2019-08-20T02:08:31Z

routing - AngularJS - 如何使用整页加载进行重定向?

我想做一个重定向来完成整页重新加载,以便在页面加载时刷新我的Web服务器中的cookie。 window.location = "/#/Next"window.location.href = "/#/Next"没有工作,他们做一个没有命中服务器的Angular路线。

在Angular控制器中发出完整服务器请求的正确方法是什么?

trans by 2019-08-19T17:36:58Z

表单 - 在用户离开字段后验证字段

使用AngularJS,我可以使用ng-pristineng-dirty来检测用户是否已进入该字段。 但是,我想在用户离开字段区域后才进行客户端验证。 这是因为当用户输入电子邮件或电话等字段时,他们将始终收到错误,直到他们完成输入完整的电子邮件,这不是最佳的用户体验。


更新:

Angular现在附带自定义模糊事件:[https://docs.angularjs.org/api/ng/directive/ngBlur]

trans by 2019-08-19T16:47:45Z

javascript - 在app config,angular.js中的自定义提供程序中使用$ http

主要问题 - 有可能吗? 我试着没有运气..

主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 

有任何想法吗?

谢谢!

trans by 2019-08-19T15:32:39Z

javascript - 在Angular中的ng-repeat循环中绑定ngmodel

我试图处理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名称的最佳方法?

trans by 2019-08-19T08:51:10Z

javascript - Ionic指令与Ionic Fram的VS Angular材料指令

我想用离子与材料设计。 我在使用离子指令与自定义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正在为角材料项目开发提供资金,那么为什么角材料不能与离子材料一起使用呢?

如何在不失去离子性能改进和功能的情况下使用角度材料组件?

要么

使用离子材料设计有更好的想法吗?

trans by 2019-08-19T04:39:42Z

angularjs - selectMatch上的angular ui-bootstrap typeahead回调?

我使用了角度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是当用户按回车或点击列表时调用的方法,但我不知道如何回调...

谢谢 !

trans by 2019-08-19T03:26:29Z

javascript - 如何在angularjs中清除或停止时间间隔?

我正在制作一个演示,我在定期的时间间隔后使用$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]

trans by 2019-08-19T01:41:50Z

javascript - $ http.get(...)。成功不是一个功能

我有这个代码:

app.controller('MainCtrl', function ($scope, $http){
  $http.get('api/url-api')
    .success(function (data, status, headers, config){
     }
}

在我的本地环境中,工作正常,但在服务器中,返回此错误:

TypeError:$ http.get(...)。success不是函数

有任何想法吗? 谢谢

trans by 2019-08-18T15:18:16Z

angularjs - 为什么使用if(!$ scope。$$ phase)$ scope。$ apply()反模式?

有时我需要在我的代码中使用$scope.$apply,有时它会抛出一个已经在进行中的摘要&#34; 错误。 所以我开始找到解决这个问题的方法并找到了这个问题:AngularJS:在调用$ scope时预防错误$ digest。$ apply()。 但是在评论中(以及角度维基上),您可以阅读:

不要做(!$ scope。$$阶段)$ scope。$ apply(),这意味着你的$ scope。$ apply()在调用堆栈中不够高。

所以现在我有两个问题:

  1. 为什么这是一个反模式呢?
  2. 我怎样才能安全地使用$ scope。$ apply?

另一个&#34;解决方案&#34; 防止&#34;消化已在进行中#34; 错误似乎是使用$ timeout:

$timeout(function() {
  //...
});

这是要走的路吗? 它更安全吗? 所以这是一个真正的问题:如何完全消除已经在进行中的消化的可能性&#34; 错误?

PS:我只使用$ scope。$ apply适用于非同步的非angularjs回调。 (据我所知,你必须使用$ scope。如果你想要应用你的更改,请申请$)

trans by 2019-08-18T14:51:11Z

javascript - AngularJS按属性排序

我想要做的是按属性排序一些数据。 这是我应该努力的例子,但它没有。

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},
    }

}]);

结果如下:

  1. A - &gt;ADATA
  2. B - &gt;BDATA
  3. C - &gt;CData的

......恕我直言应该是这样的:

  1. C - &gt;CData的
  2. B - &gt;BDATA
  3. A - &gt;ADATA

我错过了什么(这里准备JSFiddle进行实验)?

trans by 2019-08-18T13:48:04Z

angularjs - 在标记中设置角度范围变量

简单问题:如何在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/]

trans by 2019-08-14T17:31:31Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共33页