小编mau*_*rok的帖子

将ng-click事件插入ng-grid

我想做一些我不知道是否可能的事情

HTML

<!DOCTYPE html>
    <html ng-app="myApp">
    <head lang="en">
        <meta charset="utf-8">
        <title>Custom Plunker</title>  
        <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
        <script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body ng-controller="MyCtrl">
        <div class="gridStyle" ng-grid="gridOptions"></div>
    </body>
 </html>
Run Code Online (Sandbox Code Playgroud)

JS

// main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData',
                         cellTemplate:'<div class="ngCellText" …
Run Code Online (Sandbox Code Playgroud)

events angularjs angular-ui ng-grid angularjs-ng-click

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

Angular cli 构建不包含 css 组件

阅读 angular-cli 文档和有关堆栈溢出的一些讨论,我了解到,当使用生成的组件完成项目时,默认情况下内联样式将全部包含在构建中,但是当我构建项目时,似乎没有一个包括内联样式。
例如这个组件:

成分

import { MenubarService } from '../../services/menubar-service/menubar.service'
 
@Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css'],
    providers:[LoginService]
})
export class LoginComponent implements OnInit {
    constructor(.......
Run Code Online (Sandbox Code Playgroud)

最终项目中不存在 login.component.css 文件。我注意到它有两个原因:
首先,我的应用程序的样式显然与我使用“ngserve”命令时的样式不同,其次是因为使用浏览器检查器元素,我找不到 css 的痕迹。
这是我的 angular-cli 的配置文件

{
  "project": {
  "version": "1.0.0-beta.18",
  "name": "genioimprese"
},
"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "images",
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "mobile": false,
      "styles": [
        "styles.css",
        "paper.css"
      ],
      "scripts": [],
      "environments": {
        "source": "environments/environment.ts", …
Run Code Online (Sandbox Code Playgroud)

angular-cli angular

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

如何在ng-flow中设置单个文件

我需要在ng-flow中使用单文件属性,我必须使用它,因为除了限制文件的nuber之外的这个属性,替换文件thate被添加到上传事件,请参阅:

singleFile Enable single file upload. Once one file is uploaded,
second file will overtake existing one, first one will be canceled. (Default: false)
Run Code Online (Sandbox Code Playgroud)

这是从flow.js git存储库中获取的文档.
我真正需要做的是将此属性放在工厂中,因为我需要为我的所有输入文件字段设置此属性.我试着在ng-flow文档中搜索它,但它缺乏很多解释,有谁知道怎么做?否则任何人都知道在哪里找到这个模块的完整好的文档?

javascript angularjs flow-js

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

git eclipse总是要拔掉已经更新的项目

我有来自git的这种奇怪的行为,即使我将从eclipse egit插件中描述它,从终端我也有同样的问题.
我在工作区中有一个项目,在我和其他开发人员之间共享,当我同步项目时它告诉我,我必须推送像14/16一样的提交ant我必须拉一个,即使根本没有提交.
每次我做拉动似乎项目现在已经同步,所以我再次推动"团队同步"并再次出现14/16提交拉动. 在编写我找到的一些解决方案以及我尝试过的内容之前,我想说的是提交的数量实际上是整个项目的历史.
这不是唯一奇怪的事情,另一个是我可以在我提取这些提交之后将提交推送到远程但其他开发人员不能,即使他们做了我做过的同样的事情,它也告诉他们问题是"晃来晃去的".

在我完成fsck之后,我尝试在远程存储库中使用gc手册gc,我有效地遇到了两个悬空提交(为什么两个悬空提交和egit说一个悬空blob?我不知道...... ),这已经删除了两个悬空提交,所以我从我的工作区删除了项目再次克隆它,但同样的错误再次发生.
所以我使用了另一个解决方案http://www.tekkie.ro/news/howto-remove-all-dangling-commits-from-your-git-repository/,总是在远程存储库上,但问题仍然是一样的.
因此,即使已经阅读了几乎所有的文档,我都没有看出一些事情:
1)悬空提交和悬空blob之间有什么区别? 3)如何恢复项目的存储库? 更新 我开始赏金,因为我真的想要解决问题,所以为此我会清楚我需要理解的: 我有一个项目,每次我使用团队同步,想要重新拉动所有的历史不仅对我而且对于我的同事的每一个人,我们都使用gitblit作为远程回购.我能做什么?我在哪里可以搜索可能的错误? 更新 那是EGIT
2)悬空提交/ blob是如何发生的?





在此输入图像描述


那就是终点站 在此输入图像描述

eclipse git version-control github

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

angular2 在构造函数中使用参数扩展服务

我在理解如何在 angular2 中正确扩展服务时遇到了一些问题,可能是因为我不太了解如何在打字稿中扩展类。

超级班

@Injectable()
export class CallService{
    constructor(private errror:string){
        this.errMsg=errror;
    }
    private _errMsg:string;
    set errMsg(arg0:string){
        this._errMsg=arg0;
    }
    get errMsg():string{
        return this._errMsg;
    }
}
Run Code Online (Sandbox Code Playgroud)

子类

@Injectable()
export class DownloadService extends CallService{
    constructor(private error:string,private http:Http){
        super(error)
    }
}
Run Code Online (Sandbox Code Playgroud)

应用组件

@Component({
selector:'my-app',
    templateUrl:'app/app.component.html',
    styleUrls:['app/app.component.css'],
    directives:[ROUTER_DIRECTIVES,WaitComponent],
    providers:[DownloadService,SwitcherService,CallService,WaitService]
})
export class AppComponent{
    title:'App'
    constructor(
        private areadownloadservice:AreaDownloadService,
        private waitService:WaitService,
        private switcherservice:SwitcherService,
        private callService:CallService){}
    )
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是使用 CallService 扩展一些类,以便所有进行调用的类都有一个 errMsg 字符串属性来设置或获取,但我得到了这个异常:

没有 String 的提供者!

我错过了什么?

types angular2-services angular

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

ui-router嵌套视图和传递变量

我对角度ui-router模块有很多疑问.在使用那个应用程序实现我的应用程序之前,我试着很好地理解它,但即使是简单的事情我也有问题.

HTML

<!doctype>
<html ng-app='myapp'>
<head>
<title>main</title>
<meta charset="utf-8">
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
<!--controller-->
<script src="app.js"></script>
<script src="controller.js"></script>

<!-- endbuild -->
</head>
<body>
hi
    <div ui-view="view1"></div>
    <div ui-view="view2"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

编辑

var app=angular.module('myapp',['ui.router'
]);

app.config(function($stateProvider/*,$urlRouteProvider*/){
//$urlRouteProvider.otherwise("view1");
$stateProvider.
    state('father',{
        abstract:true,
        template:'<div ui-view></div>',
        controller:function($scope){
            $scope.view='hi';
        }
    }).
    state('son',{
        parent:'father',
        url:'/',
        views:{'view1':{

            templateUrl:'view1.html'
            },
            'view2':{
                templateUrl:'view2.html'
        }
    }
    })
})
Run Code Online (Sandbox Code Playgroud)

这是我的js plunker http://plnkr.co/edit/hsEFKhpaGkIkzarQiuQQ?p=preview.现在问题:
1)正如你在index.html中看到的那样没有出现,我的第一个目的是在主窗口中看到两个视图
2)我已经构建了一个抽象状态来将$ scope.view传递给所有孩子的状态,但似乎它也不起作用
3)如果我想做的事情是以错误的方式完成的,那么更好的做法是什么?

html javascript angularjs angular-ui

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

如何导入moment.js angular2

我正在尝试将moment.js导入到我的angular2应用程序中.首先,我已经按照本指南,我找到了这个答案,但即使我试图按照建议的解决方案,我仍然无法导入moment.js.包存在,实际上我的IDE(visual studio)能够毫无问题地找到moment.d.ts文件,但是当我用npm start运行我的应用程序时,我在控制台中得到了这两个错误:

"NetworkError:404 Not Found - http:// localhost:3000/node_modules/moment / " / node_m...moment/错误:patchProperty/desc.set/wrapFn @ http:// localhost:3000/node_modules/zone.js /dist/zone.js:769:27 Zonehttp:// localhost:3000/node_modules/zone.js/dist/zone.js:356:24 Zonehttp:// localhost:3000/node_modules/zone.js/dist/zone .js:256:29 ZoneTask/this.invoke @ http:// localhost:3000/node_modules/zone.js/dist/zone.js:423:29
加载http:// localhost:3000/node_modules/moment时出错 "时刻"来自'我的档案'

我试图以这种方式导入时刻

import * as moment from 'moment'
Run Code Online (Sandbox Code Playgroud)

并以这种方式

import * as moment from 'moment/moment.d'
Run Code Online (Sandbox Code Playgroud)

但没什么,我仍然得到错误.我的SystemJs'map属性就是这个

 var map = {
    'app':                        'app', // 'dist',
    '@angular':                   'node_modules/@angular',
    'services':                   'app/service',
    'moment':                     'node_modules/moment',//moment.js
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
    'rxjs':                       'node_modules/rxjs'
 };
Run Code Online (Sandbox Code Playgroud)

如果我尝试使用打字安装,我会收到此错误:

"moment"的类型已存在于"node_modules/moment/moment.d.ts"中.您应该让TypeScript解析打包的打字并卸载Typings安装的副本

所以我已经卸载它,并重新键入命令,我得到这个错误

打字ERR!message无法在注册表中找到"moment"("npm").

如何摆脱这种困境?

npm momentjs typescript twitter-bootstrap-3 angular

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