小编ola*_*tom的帖子

AngularJS - 在页面之间传递数据

我是AngularJS的首发.我正在尝试从以下位置发送数据:

  • 页面A:范列表页面

  • 第B页:范更新页面.

当用户单击货车的更新链接时,我正在调用控制器并检索控制器中的货车详细信息.但是,我无法使用相同的控制器将面板详细信息分配给页面B(范更新页面)...错误"Cannot set property 'vanNumber' of undefined"

*** Page A: Van List ****

<form name="listVanForm" >
   <table>
   <tr> <td ng-controller="VanUpdateCtrl"><a href="#/van-update" ng-click="prePopulateForm(row.members.vanNumber.value )" class="btn btn-small btn-primary">update</a></td> </tr>
   </table>
</form>

*** Page B: Van Update ****

  <div class="container">
        <h2>Edit Van </h2>

        <form name="updateVanForm" novalidate="novalidate" class="form-horizontal" ng-submit="updateCard(formData)">
            <div class="control-group">
                <label class="control-label" >Van Number:</label>

                <div class="controls">
                    <input type="text" id="vanNumber" ng-model="formData.vanNumber" placeholder=""/>
                </div>
            </div>
        </form>
     </div>

*** VanUpdateCtrl **

   app.controller('VanUpdateCtrl', ['$scope', 'VanUpdateFactory', '$location',
                                      function ($scope, VanUpdateFactory, $location) {

        //callback for …
Run Code Online (Sandbox Code Playgroud)

angularjs

66
推荐指数
3
解决办法
15万
查看次数

Angularjs datepicker popup bootstrap-ui在视图中不起作用

我是一个angularjs和bootstrap ui新手!我的日期选择器弹出窗口在我的包含视图中不起作用.如果它在视图之外,它可以工作.即在此处演示任何协助将不胜感激.但是,因为我使用ngRoute方法,我需要在部分html中编写我的视图并包含在主index.html中.内联日历不显示,弹出日历也不显示.我无法弄清楚问题,但我认为date-picker.html无法在我的index.html中引用脚本和样式.我在日期选择器hmtl中有其他包含窗格,它引用了index.html中的脚本和css.任何帮助将不胜感激.以下是代码:

**index.html**

    <!doctype html>
    <html lang="en" ng-app="ngdemo">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Some Services</title>
        <link rel="stylesheet" href="css/app.css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>   
        <script src="js/app.js"></script>
        <script src="js/services.js"></script>
        <script src="js/controllers.js"></script>
        <script src="js/filters.js"></script>
        <script src="js/directives.js"></script>
        <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

    </head>

    <body>

<ul class="menu">
    <li><a href="#/date-picker"> <b> Date Management </b> </a></li> 
</ul> 

    <div ng-view></div>

    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

*app.js *

'use strict';

// Declare app level module which depends on filters, and services
angular.module('ngdemo', ['ngRoute','ngdemo.filters','ngdemo.services', 'ngdemo.directives', 'ngdemo.controllers']).
    config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/date-picker', …
Run Code Online (Sandbox Code Playgroud)

javascript datepicker twitter-bootstrap angularjs angular-ui-bootstrap

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

ng-repeat中的Angularjs显示和隐藏按钮

我有一个列表,用于填充屏幕ng-repeat.每行都有一个按钮供用户单击以选择行.通常你会使用单选按钮,但用户想要一个按钮切换.

我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮以选择特定行之后,我想隐藏第一个按钮并显示第二个按钮.2按钮具有不同的ID,文本,样式.所以对用户来说,就像选择后更改按钮的外观一样.

我尝试在控制器中的函数中设置showfarebut1/ showfarebut2scope变量populateFareOption(row.col3.value, row.col4.value),但是在单击按钮1之后所有行都有第二个按钮.

任何想法或代码片段..将不胜感激.

HTML

<tr ng-repeat="row in rowList">
    <td> {{row.col1.value}}</td>

    <td>
        <span class="price">PRICE:&nbsp;
            <strong class="amount">{{row.col2.value}}</strong>
        </span>

        <button id="btnXX1" ng-show="showfarebut1" type="button" class="btn pull-right" ng-click="populateFareOption(row.col3.value,row.col4.value)">

            <span class="text pull-left" name="fareOption" ng-model="travelCardForm.colOption" value="{{row.col3.value}}">Select</span>
            <i class="icon-placeholder"></i>
        </button> 

        <button id="btnXX2" ng-show="showfarebut2" type="button" class="btn pull-right">
            <span class="text pull-left">Selected</span>
            <i class="selected-icon pull-right"></i>
        </button>
    </td> 
</tr>
Run Code Online (Sandbox Code Playgroud)

调节器

    $scope.showfarebut1=true;
    $scope.showfarebut2=false;

    $scope.populateFareOption = function(x,y){
         cardForm.fareOption.value=x;
         cardForm.productCode.value=y;
         $scope.showfarebut1=false;
         $scope.showfarebut2=true;
       }
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-ng-repeat

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

Maven Nexus 问题 - 403 Forbidden 授权失败

我们已经讨论这个问题好几天了。

为 Java 应用程序创建了一个 Gitlab CI 管道,从 Maven 和 Nexus 读取依赖项

gitlab 管道被配置为以具有管理员权限的 Nexus 用户身份运行,这已经被多次验证。

但是,当执行 gitlab 管道时,我们收到以下错误:

[ERROR] Failed to execute goal on project hello-component: Could not resolve dependencies for project x.y.z:hello-component:jar:1.6-SNAPSHOT: Failed to collect dependencies at a.b:c:jar:4.5.1132100: Failed to read artifact descriptor for b:c:jar:4.5.1132100: Could not transfer artifact a.b:c:pom:4.5.1132100 from/to maven-snapshots (http://host:8081/repository/maven-snapshots): Authorization failed for http://host:8081/repository/maven-snapshots/a/b/c/4.5.1132100/nidp-4.5.1132100.pom 403 Forbidden -> [Help 1]
org.apache.maven.lifecycle.LifecycleExecutionException: Failed to execute goal on project hello-component: Could not resolve dependencies for project x.y.z:hello-component:jar:1.6-SNAPSHOT: Failed to …
Run Code Online (Sandbox Code Playgroud)

java nexus maven gitlab gitlab-ci-runner

5
推荐指数
1
解决办法
4641
查看次数

Jenkins - Gitlab集成问题

我正在尝试整合Jenkins ver.2.89.4使用Gitlab 1.5.3
我已经输入了我的Gitlab主机URL和API令牌来访问Gitlab.但是,当我单击测试连接时,我得到以下异常跟踪:任何帮助将不胜感激.

java.util.NoSuchElementException: no client-builder found that supports server at https://gitlab.com/tom/abc.git
    at com.dabsquared.gitlabjenkins.gitlab.api.impl.AutodetectingGitLabClient.autodetectOrDie(AutodetectingGitLabClient.java:271)
    at org.kohsuke.stapler.NameBasedDispatcher.dispatch(NameBasedDispatcher.java:58)
    at org.kohsuke.stapler.Stapler.tryInvoke(Stapler.java:715)
Caused: javax.servlet.ServletException
    at org.kohsuke.stapler.Stapler.tryInvoke(Stapler.java:765)
    at org.kohsuke.stapler.Stapler.invoke(Stapler.java:845)
    at org.kohsuke.stapler.MetaClass$5.doDispatch(MetaClass.java:248)
    at org.eclipse.jetty.util.thread.Invocable$InvocableExecutor.invoke(Invocable.java:222)
    at org.eclipse.jetty.util.thread.strategy.EatWhatYouKill.doProduce(EatWhatYouKill.java:294)
    at org.eclipse.jetty.util.thread.strategy.EatWhatYouKill.run(EatWhatYouKill.java:199)
    at winstone.BoundedExecutorService$1.run(BoundedExecutorService.java:77)
    at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source)
    at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source)
    at java.lang.Thread.run(Unknown Source)
Run Code Online (Sandbox Code Playgroud)

continuous-integration github jenkins jenkins-plugins gitlab

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

Controller中的AngularJS UI Bootstrap Datepicker日期格式不正确

我在我的html页面中使用了一个datepicker,如下所示:

HTML

  <div ng-controller="StartDateCtrl">
    <label class="control-label" for="startDate">  Date:</label>   
    <div class="row">
        <div class="col-md-6">
            <p class="input-group">
              <input type="text"  name="startDate" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="opened" min="minDate" max="'22-06-2015'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>
    </div>
    </div> 
Run Code Online (Sandbox Code Playgroud)

日期采摘控制器

var StartDateCtrl= function ($scope) {
  $scope.today = function() {
    $scope.travelStartDate = new Date();
  };
  $scope.today();

  $scope.showWeeks = true;
  $scope.toggleWeeks = function () {
    $scope.showWeeks = ! $scope.showWeeks;
  };

  $scope.clear = function () {
    $scope.travelStartDate = null; …
Run Code Online (Sandbox Code Playgroud)

jquery angularjs angular-ui-bootstrap bootstrap-datepicker bootstrap-datetimepicker

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