小编Kai*_*las的帖子

如何格式化angularjs中的日期

我想将日期格式化为mm/dd/yyyy.我尝试了以下内容,但没有一个适合我.谁能帮我这个?

参考:ui-date

<input ui-date ui-date-format="mm/dd/yyyy" ng-model="valueofdate" /> 

<input type="date" ng-model="valueofdate" />
Run Code Online (Sandbox Code Playgroud)

format date date-format angularjs datefilter

137
推荐指数
7
解决办法
48万
查看次数

使用AngularJS和ng-repeat初始化选择

我正试图让选择框从使用Ang-repeat和AngularJS 1.1.5的预填充选项开始.相反,选择始终从未选择任何内容开始.它也有一个空选项,我不想要.我认为没有被选中的副作用.

我可以使用ng-options而不是ng-repeat来使用它,但我想在这种情况下使用ng-repeat.虽然我的缩小示例没有显示,但我也想设置每个选项的title属性,据我所知,使用ng-options无法做到这一点.

我不认为这与常见的AngularJs范围/原型继承问题有关.至少我在Batarang检查时没有看到任何明显的东西.此外,当您使用UI选择选项中的选项时,模型会更新正确.

这是HTML:

<body ng-app ng-controller="AppCtrl">
    <div>
        Operator is: {{filterCondition.operator}}
    </div>
    <select ng-model="filterCondition.operator">
       <option 
           ng-repeat="operator in operators" 
           value="{{operator.value}}"
       >
           {{operator.displayName}}
       </option>
    </select>
</body>
Run Code Online (Sandbox Code Playgroud)

和JavaScript:

function AppCtrl($scope) {

    $scope.filterCondition={
        operator: 'eq'
    }

    $scope.operators = [
        {value: 'eq', displayName: 'equals'},
        {value: 'neq', displayName: 'not equal'}
     ]
}
Run Code Online (Sandbox Code Playgroud)

JS小提琴:http://jsfiddle.net/coverbeck/FxM3B/2/

javascript angularjs

132
推荐指数
4
解决办法
24万
查看次数

如何使用AngularJS从JSON源填充选择下拉列表?

我一直在努力寻找例子,但根本找不到任何东西.我唯一知道的是我可以使用http模块来获取我的数据.这是我目前正在做的事情,但它是用Knockout编码的.有人可以给我一些关于如何使用AngularJS重新编码此功能的建议吗?

HTML

<select id="testAccounts" 
   data-bind="options: testAccounts, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'Select Account', value: selectedTestAccount">
</select>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

<script type='text/javascript'>
    $(document).ready(function () {

        var townSelect = function () {
        var self = this;
        self.selectedTestAccount = ko.observable();
        self.testAccounts = ko.observableArray();
        var townViewModel = new townSelect();
        ko.applyBindings(townViewModel);

        $.ajax({
            url: '/Admin/GetTestAccounts',
            data: { applicationId: 3 },
            type: 'GET',
            success: function (data) {
                townViewModel.testAccounts(data);
            }
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

javascript angularjs drop-down-menu

63
推荐指数
2
解决办法
16万
查看次数

$ state.go(app.location)和$ location.path("app/location")有什么区别?

我最近开始使用离子框架,它有角度js.要在屏幕之间导航,我使用$ location.path并且它工作得很好.但是,在我下载的一个例子中,我看到$ state.go被用来重定向到某个页面.我想知道两者之间的区别.

angularjs angular-ui-router ionic-framework

34
推荐指数
1
解决办法
2万
查看次数

预期[]为[] Jasmine,如何检查空数组

尝试检查空数组时出错.我试过用:

情况1:通过初始化为数组

expect(fixture.componentInstance.dataSource).toBe([]);
Run Code Online (Sandbox Code Playgroud)

情况2:通过初始化为数组

let expectedAry = new Array;
expect(fixture.componentInstance.dataSource).toBe(expectedAry);
Run Code Online (Sandbox Code Playgroud)

两种情况都有相同的错误:

Expected [  ] to be [  ].
Run Code Online (Sandbox Code Playgroud)

阵列也可以通过它们的长度来检查,以下工作正常

expect(fixture.componentInstance.dataSource.length).toEqual(0); 
Run Code Online (Sandbox Code Playgroud)

0 length是一个选项,但不确定这是否是检查数组是否为空的正确方法.我们有更好的选择来检查数组是否为空?

javascript arrays unit-testing jasmine angular

23
推荐指数
3
解决办法
2万
查看次数

angularjs在上传之前压缩图像

我正在为移动设备建立一个网站,它使用angular-file-upload.min.js从移动设备图像库上传图像.

HTML代码:

<div>
    <div class="rating-camera-icon">
        <input type="file" accept="image/*" name="file" ng-file-
         select="onFileSelect($files)">
    </div>
    <img ng-show="fileName" ng-src="server/{{fileName}}" width="40"
     style="margin-left:10px">
</div>
Run Code Online (Sandbox Code Playgroud)

码:

$scope.onFileSelect = function($files) {
        for (var i = 0; i < $files.length; i++) {
            var file = $files[i];
            if (!file.type.match(/image.*/)) {
                // this file is not an image.
            };
            $scope.upload = $upload.upload({
                url: BASE_URL + 'upload.php',
                data: {myObj: $scope.myModelObj},
                file: file
            }).progress(function(evt) {
                    // console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total));
                    // $scope.fileProgress = evt.loaded / evt.total * 100.0;
                }).success(function(data, …
Run Code Online (Sandbox Code Playgroud)

javascript compression html5 file-upload angularjs

10
推荐指数
1
解决办法
1万
查看次数

如何在angularjs中删除$ rootScope变量?

在控制器中,我定义了$rootScope.tableformate变量来填充弹出窗口中的数据.

填充后$rootScope.tableformate不使用弹出数据.如何删除这个变量?

angularjs rootscope

9
推荐指数
1
解决办法
1万
查看次数

Cordova - 检测该应用程序是否在后台

我在我的cordova应用程序中有一个功能,可以让用户在用户摇动手机时执行某些操作(我正在使用shake.js).电话发生时会振动.

问题是,当我"远离应用程序"远离应用程序并且它在后台时,摇动/振动组合仍然有效.因此,用户可能正在使用完全不同的应用程序,手机仍会振动.

有没有办法检测应用程序是在后台,还是更好的是,当应用程序进入后台时以某种方式冻结应用程序?

我在Android上有这个问题(尚未在iOS上测试过).

android cordova

9
推荐指数
1
解决办法
7110
查看次数

无法更新视图,数据绑定不起作用 - Angularjs和PhoneGap

我正在尝试使用PhoneGap(适用于Android设备)制作一个简单的待办事项应用程序.我还使用AngularJS进行数据绑定.
我想显示保存在数据库中的任务列表.当我使用chrome调试器进行调试时,我可以看到SQL请求有效但在模拟器或设备上启动应用程序时没有显示任何内容.

DbCtrl.js

var myApp = angular.module('myApp', []);

function DbCtrl($scope) {
$scope.init = function() {
    document.addEventListener("deviceready", onDeviceReady, false);     
}

function onDeviceReady() {
     var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
     db.transaction(populateDB, errorDB, successDB);
 }

 function populateDB(tx) {
    tx.executeSql('DROP TABLE IF EXISTS DEMO');
    tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, todo)');
    tx.executeSql('INSERT INTO DEMO (id, todo) VALUES (1, "first todo")');
    tx.executeSql('INSERT INTO DEMO (id, todo) VALUES (2, "Second todo")');
 }

 function errorDB(err){
    alert("Error processing SQL: "+err)
 }

 function successDB(){
    var …
Run Code Online (Sandbox Code Playgroud)

javascript android angularjs cordova

8
推荐指数
1
解决办法
3709
查看次数

适用于工程项目的Android设备

我正在开发一个可以从中获取低级信息的Android应用程序GSM modem.这取决于发送AT-Command到调制解调器并接收答案.应用程序已完成,但设备似乎存在问题.

大多数命令返回错误,这意味着调制解调器的制造商锁定了这些工程命令.

我想知道是否有一个允许工程用途的移动设备,让我发送AT-Commands我想要的所有内容.

note1:我的手机是三星Galaxy Win Duos.

注意2:也许还有另一种方法可以获得低级信息.我看到了这个链接.它GSM modem甚至可以获得L3消息中的所有内容.

结论:

我想要一个运行所有的移动名称AT-Command(这个应用程序的nexus工作吗?)或其他方式来获取这些信息.

modem android gsm device at-command

8
推荐指数
1
解决办法
329
查看次数