小编anu*_*anu的帖子

我有一个使用ng-repeat创建的表.我想为表中的每个元素添加验证.问题是每个输入单元格与其上方和下方的单元格具有相同的名称.我试图使用该{{$index}}值来命名输入,但尽管HTML中的字符串文字显示正确,但它现在正在工作.

这是我现在的代码:

<tr ng-repeat="r in model.BSM ">
   <td>
      <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/>
      <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span>
      <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span>
   </td>
</tr>

我已经尝试删除{{}}from索引,但这也不起作用.截至目前,输入的验证属性工作正常,但不显示错误消息.

有人有什么建议吗？

编辑:除了下面的好答案,这里有一篇博客文章更详细地介绍了这个问题:http://www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

我正在读一本名为"Pro Angular JS"的书.但是,我有一个关于如何捕获错误状态的问题.

我编码的是:

$http.get(dataUrl)
    .success(function (data){
        $scope.data.products = data;
    })
    .error(function (error){
        $scope.data.error=error;
        console.log($scope.data.error.status); // Undefined!
        // (This is the spot that I don't get it.)                                         
    });

如果我编码"console.log($ scope.data.error.status);" ,为什么console.log的参数未定义？

在书中,有句子,"传递给错误函数的对象定义了状态和消息属性."

所以我做了$ scope.data.error.status

为什么这是错的？

我正在将paytm集成到angular 4中。paytm插件已成功添加到project中，但是我不知道如何在ts文件中导入paytm插件。并调用java文件文件功能。

请帮助我...这是我的代码

import { Nav, Platform } from 'ionic-angular';
import { Component, OnInit } from '@angular/core';
import { NavController } from 'ionic-angular';
import {} from 'jasmine';
import {LoginPage} from "../login/login";
import {SignUpPage} from "../signup/signup";
import {HomePage} from "../home/home";
import { Paytm } from '@ionic-paytm/paytm';

@Component({
    selector: 'page-apphome',
    templateUrl: 'apphome.html'
})
export class AppHomePage implements OnInit {

    constructor(public navCtrl: NavController ,public paytm:Paytm) {}

    ngOnInit(){
        window.plugins.paytm.startPayment("526", "25862", "abc@gmail.com", 
           "777777777", "25", successCallback, failureCallback);
        var userids=window.localStorage.getItem('userid');
        //alert(userids);
        if(userids!= null)
        {
            this.navCtrl.push(HomePage);
        }
    } …

我有一个input元素,并且通过使用ng-model在其中包含文本,然后我尝试通过创建自定义侦探来选择所有文本:

.directive('selectText', function() {
    return {
        require: 'ngModel',
        link: function(scope, elem, attrs, ctrl) {
            elem.bind('focus', function() {
                $(elem).select();
            });
            scope.$watch("edit",function(newValue,oldValue) {
                $(elem).select();
            });
        }
    };
})

它工作得很好,但我不想让用户foucusout从控件中focusin再次选择它的文本.它应该只选择一次文本(而不是第二次焦点).另外,当选择所有文本时,如何从元素中删除焦点？

npm init
npm install electron-prebuilt --save-dev
Create index.js
npm install electron-packager --save-dev
npm run build OR electron-packager . --all

我过去使用这些步骤创建了一个electronjs应用程序,并将其可执行文件放在start文件夹中,以便在系统启动时运行它.但是,发布Windows更新时,我在tabmode中运行应用程序时会出现一些问题.所以,我计划创建一个新的应用程序,但是,这些命令并不完美.我遇到了问题.

所以,我想要做的就是:创建一个auto-launch electron app.任何人都可以向我提供正确的步骤,因为我在提供的步骤中出错了吗？

先感谢您.

在应用程序的侧面板中,我想显示"启用"或"禁用",我知道我可以编写两个不同的ng-if语句,但我想知道是否有一种聪明的方法可以在单行中执行.

作为参考,这里是我现在的工作:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="rightColumn" ng-if="selectedProject.backupEnabled">Enabled</div>
<div class="rightColumn" ng-if="!selectedProject.backupEnabled">Disabled</div>

这显然不是超级批评,但是要了解更多信息会很好

package.json：

{
  "name": "electronapp",
  "version": "1.0.0",
  "description": "electron auto-launch",
  "main": "index.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-packager . --all"
  },
  "author": "ivie",
  "license": "ISC",
  "devDependencies": {
    "Q": "^1.0.0",
    "asar": "^0.13.0",
    "electron": "^1.7.6",
    "electron-packager": "^9.1.0",
    "electron-prebuilt": "^1.4.13",
    "fs-jetpack": "^1.2.0",
    "grunt-electron-installer": "^2.1.0",
    "rcedit": "^0.9.0"
  },
  "dependencies": {
    "auto-launch": "^5.0.1"
  }
}

index.js：

var electron = require('electron');
var app = electron.app;
var BrowserWindow = electron.BrowserWindow;
var path = require('path');

app.on('ready', ()=>{
    var mainwindow = new BrowserWindow({
        width: 1200,
        height: 800,
        icon: "favicon.ico", …

我已经阅读了有关此内容的所有帖子,但不幸的是,它们都没有帮助:jsfiddle和plunker链接似乎不再有效.

我要做的是简单地在bootstrap pop-over中放入一个按钮,该按钮调用我创建的指令范围内的函数.问题是使用jquery来抓取内容它不起作用,因为范围似乎在外面.同时尝试在函数内部创建内容也无法正常工作,因为它不会被编译.

我在jsfiddle上创建了一个例子,但不知何故,angularjs没有加载到正确的位置,因此它也不起作用.

$("#pop-over-link").popover({
      'placement': 'top',
      'trigger': 'click',
      'html': true,
      'container': 'body',
      'content': function() {
           return $("#pop-over-content").html();
      }
});

这是打开弹出窗口的代码片段,抓取内容并显示它.

这里是jsfiddle:http://jsfiddle.net/75zLT/2/

以下是我的保管箱上的工作示例:https: //dl.dropboxusercontent.com/u/19470623/hatethis/test.html