小编Gar*_*uuk的帖子

ng-model和ng-options不匹配?

我在我的资源对象中有一个方法:

resources.type

otherstuff: 'more strings'
type:'specifictype'
morestuff: 'morestuff'
Run Code Online (Sandbox Code Playgroud)

用户可以通过下拉列表/通过另一个调用来更改此类型,该调用获取所有可能类型的列表,这些类型看起来像resourceList.types,其中包含像json这样的对象列表

types:
     [
         {name:'resourcetype1'}, 
         {name:'resourcetype2'},
         etc...
     ],
Run Code Online (Sandbox Code Playgroud)

我的HTML看起来像:

<select ng-model="resources.type" ng-options="name.name for name in resourceList.types">
</select>
Run Code Online (Sandbox Code Playgroud)

选择/下拉框填充了我的resourceList.type内容,但是当页面加载时,ng-model没有设置为已选择的资源类型.实际上,当您单击时,它会在下拉列表的顶部选择一个空白条目.这个角度有点挑剔吗?如何让ng-model以我想要的方式运行?

我尝试使用不同的方法来获取重复,但我觉得这更像是角度连接模型的方式.它是否只是将字符串与ng-options列表匹配?

这是plnkr,因为你可以看到它不是默认为type1

http://plnkr.co/edit/NyWACtFQuyndR6CG8lpN?p=info

angularjs ng-options

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

角度指令检查元素?

我正在为我的应用程序中的确认框提供$ modal服务,并制定了仅适用于ng-click的指令.好吧,我还需要它来为ng-change工作,所以我做了如下:

.directive('ngConfirmClick', ['$modal',
    function($modal) {
        var ModalInstanceCtrl = function($scope, $modalInstance) {
            $scope.ok = function() {
                $modalInstance.close();
            };
            $scope.cancel = function() {
                $modalInstance.dismiss('cancel');
            };
        };

    return {
        restrict: 'A',
        scope:{
            ngConfirmClick:"&",
            item:"="
        },
        link: function(scope, element, attrs) {
            element.bind('click', function() {
            var message = attrs.ngConfirmMessage || "Are you sure ?";

            if(element == 'select'){
                var modalHtml = '<div class="modal-body">' + message + '</div>';
                    modalHtml += '<div class="modal-footer"><button class="btn btn-success" ng-model="" ng-change="ok()">OK</button><button class="btn btn-warning" ng-change="cancel()">Cancel</button></div>';
                } else {
                    var modalHtml = '<div …
Run Code Online (Sandbox Code Playgroud)

element directive hyperlink angularjs

7
推荐指数
1
解决办法
3256
查看次数

Angular JS - $ http不发送标头

正如标题所示,我需要传递授权令牌,但是当我检查网络控制台时,我得到的是403,因为接受和授权不存在.注意:我删除了此示例的授权令牌

$http({
        url: 'http://api.stubhub.com/search/catalog/events/v2?title="san"',
        dataType: 'json',
        method: 'GET',
        data: '',
        headers: {
            "Content-Type": 'application/json',
            "Authorization": 'Bearer {token}'
        }
    }).success(function(response){
        $scope.searchResponse = response;
    }).error(function(error){
        $scope.error = error;
    });
Run Code Online (Sandbox Code Playgroud)

这似乎是正确的语法?这有什么不对?

编辑:添加了XHR截图

在此输入图像描述

编辑:2.这是我的网络流量,HAR通过粘贴箱:

http://pastebin.com/fiFngZSy

http http-headers angularjs

7
推荐指数
1
解决办法
2104
查看次数

Cypress 和 Docker - 无法运行,因为找不到规范文件

我正在尝试在 docker 容器内运行 cypress 测试。我已经简化了我的设置,所以我可以尝试运行一个简单的容器实例并执行一些测试。

我正在使用 docker-compose

version: '2.1'
services:
  e2e:
    image: test/e2e:v1
    command: ["./node_modules/.bin/cypress", "run", "--spec", "integration/mobile/all.js"]
    build:
      context: .
      dockerfile: Dockerfile-cypress
    container_name: cypress
    network_mode: host
Run Code Online (Sandbox Code Playgroud)

和我的 Dokerfile-cypress

FROM cypress/browsers:chrome69

RUN mkdir /usr/src/app
WORKDIR /usr/src/app

RUN npm install cypress@3.1.0

COPY cypress /usr/src/app/cypress
COPY cypress.json /usr/src/app/cypress

RUN ./node_modules/.bin/cypress verify
Run Code Online (Sandbox Code Playgroud)

当我docker-compose up在构建图像后运行时,我看到

cypress | name_to_handle_at on /dev: Operation not permitted
cypress | Can't run because no spec files were found.
cypress |
cypress | We searched for any files …
Run Code Online (Sandbox Code Playgroud)

docker-compose cypress

6
推荐指数
2
解决办法
5542
查看次数

使用 IntelliJ Ultimate/WebStorm 模拟器调试本地 Firebase 函数时,断点不会触发

我正在运行 Firebase 工具 v9+

我正在运行以下启动命令:

firebase emulators:start --inspect-functions
Run Code Online (Sandbox Code Playgroud)

和输出:

[emulators] >  Debugger listening on ws://localhost:9229/2eff20bf-d538-42ee-8ed9-067564408152
[emulators] >  Debugger listening on ws://localhost:9229/2eff20bf-d538-42ee-8ed9-067564408152
[emulators] >  For help, see: https://nodejs.org/en/docs/inspector
[emulators] >  Debugger attached.
Run Code Online (Sandbox Code Playgroud)

我创建了一个调试器配置文件附加到 Node.js/Chrome,我的主机作为 localhost,我的端口作为9229附加设置为 Chrome 或 Node.js > 6.3 开始--inspect

不幸的是,断点没有触发,我无法单步执行我的函数。我不知道从这里该去哪里。任何帮助都会很棒。谢谢。

debugging webstorm firebase google-cloud-functions

6
推荐指数
1
解决办法
1243
查看次数

ng-repeat过滤器空值不显示

当我申请时,为什么角度显示值不为null:

ng-repeat="p in foo | filter: filter2"
Run Code Online (Sandbox Code Playgroud)

filter2是哪里的

 $scope.filter2 = function(p){
    if (p.state === null){
        return p.state;
    } else{
        return;
    }
};
Run Code Online (Sandbox Code Playgroud)

这是我正在说的话:http ://plnkr.co/edit/cj3v1fuBu6sHVI7A4qlq?p=preview

当过滤器除了null之外的任何东西时,过滤器都可以工作,但我只想尝试显示空值.我可以尝试将所有空值更改为除null之外的默认值字符串?是否有任何地方可以让过滤器使用空值?

null filter angularjs ng-repeat

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

ui-router嵌套视图访问多个控制器

使用ui-router,州的任何子孙都可以访问他们的父母和祖父母控制器吗?

所以例如.state(resources.resource.rates).rate状态控制器可以访问资源和资源中的$ scope.objects(它们都有自己的控制器)吗?

在假设我有一个html设置,其中一切都是资源内的嵌套视图与ui-view ="content2".但是我在资源中有另一个页面称为费率我想在与资源相同的嵌套视图中打开,但也可以访问资源控制器.

.state('resources.resource.rates', {
    url: '/rates',
    views:{
        "content2":{
            templateUrl: 'templates/rates.html',
            controller: 'CreateRatesCtrl'
        }
    }   
})  
Run Code Online (Sandbox Code Playgroud)

我的视图中的ng-href链接到/resources/{{resource.Id}}/rates但不打开资源ui-view中的rates页面.

所以我尝试将视图设置为content2 @ resources,就像这样

views:{
        "content2@resources":{
            templateUrl: 'templates/rates.html',
            controller: 'CreateRatesCtrl'
      }
}   
Run Code Online (Sandbox Code Playgroud)

这是因为html现在在资源ui-view中填充rates.html,并且ng-href作为resources/{{resource.Id}}/rates填充,但不幸的是我只能访问资源范围对象.我有一个资源控制器所需的resourceId.在这种情况下,设置content2 @ resources是否限制我的范围只能访问资源控制器?如果是这样我怎么能这样做,所以我也可以访问资源控制器?

angularjs nested-views angular-ui-router

4
推荐指数
1
解决办法
5592
查看次数

护照反序列化被多次呼唤

我不明白为什么我的反序列化方法被多次调用。这是我的server.js文件

var express = require('express');
var app = express();

var passport = require('passport');
var bodyParser = require('body-parser');
var session = require('express-session');
var MongoSessionStore = require('connect-mongo/es5')(session);    


// Local ENV ======================================================================

var env = require('./config/config.json')[app.get('env')];

// Mongo Database ======================================================================

var mongoInstance = require('./config/db.config.js');

mongoInstance.connection.on('open', function(){
    console.log('connection works');
});

// Configuration ======================================================================

app.use(session({
    secret: 'secretsarenofun', // Change this to anything else
    resave: false,
    saveUninitialized: true,
    store: new MongoSessionStore({
        mongooseConnection: mongoInstance.connection,
        autoRemoveInterval: 60
    })
}));

require('./config/passport.config.js')(passport, env, mongoInstance);

app.use(passport.initialize());
app.use(passport.session());

// Routes ======================================================================

var …
Run Code Online (Sandbox Code Playgroud)

serialization passport.js

4
推荐指数
1
解决办法
531
查看次数

如何在架构内构造猫鼬架构?

我是mongodb的新手,我有一个像这样的数据模型

{
    last_updated: Date.now(),
    csgo_items:[
        {name: 'name', price: 1},
        {name: 'name', price: 1},
        {name: 'name', price: 1}
    ]
}
Run Code Online (Sandbox Code Playgroud)

我有一个“ last_updated”,然后有一个巨大的csgo物品清单。

我的问题是。我需要两个模式吗?一个是外层的两个属性,另一个是我的csgo项目模型的架构?

如果我这样做,我的模式将如何显示?

我有这样的项目架构。

var ItemSchema = new Schema({
    price: Number,
    name: String,
});
Run Code Online (Sandbox Code Playgroud)

我是否还需要另一个模式来为我的外部模式设置?

var CsgoSchema = new Schema({
    last_updated: Date,
    item: Array,
});
Run Code Online (Sandbox Code Playgroud)

它是否正确?

mongoose

4
推荐指数
1
解决办法
2260
查看次数

Angular 2 ng-template 未在组件内部的 dom 中呈现

我有一个像这样的组件

import {Component, OnInit} from '@angular/core';
import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';

@Component({
    selector: 'details',
    templateUrl: 'details.component.html',
    styleUrls: ["./details.component.scss"],
})
export class DetailsComponent {

    constructor(
        private modalService: NgbModal
    ) {
    }

    open(content) {
        this.modalService.open(content).result.then((result) => {
            console.log("closed");
        }, (reason) => {
            console.log("dismissed");
        });
    }

}
Run Code Online (Sandbox Code Playgroud)

html 是,注意最顶部的 popover 组件

<popover></popover>
<div class="row">
    <div class="col">
        <table class="table">
            <thead>
                <th>Action</th>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <button (click)="open(popover)"> open </button>
                    </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

open组件只是一个显示html的组件

import {Component, OnInit} from '@angular/core';

@Component({
    selector: 'popover', …
Run Code Online (Sandbox Code Playgroud)

ng-template angular

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