我正在尝试<div ng-form="vacancyForm">使用Angular.js 创建一个子表单
有一种数据有很多字段
所有人都required对它们进行了验证
一旦我提交了这些数据,我就会用它做我需要的但是我想重置子表单以便所有字段都不脏并且表单有效,因为目前清除字段工作但所有字段都无效,因为它们现在是脏的,但是将它们标记为无效.
示例字段
<div class="control-group" ng-class="getErrorClasses(vacancyForm.headline)">
<label class="control-label" for="headline">Headline</label>
<div class="controls">
<input type="text" class="input-xlarge" id="headline" name="headline" required ng-model="new_vacancy.headline">
<span class="help-inline" ng-show="showError(vacancyForm.headline, 'required')">This field is required</span>
</div>
</div>
这是提交时调用的函数
$scope.addVacancy = function(){
// save the submitted data
$scope.school.vacancies.push($scope.new_vacancy);
// now clear it out
$scope.new_vacancy = {};
$scope.new_vacancy.date = new Date();
// this clears out all the fields and makes them all invalid
// as they are empty. how to reset …我可能已经超出了我的知识迈出了一步.我安装了Homebrew,在继续向我发出关于安装MacPorts的警告后,我卸载了它.但是现在我的rspec测试没有运行.
这些是我得到的错误:
/Users/mark/.rvm/gems/ruby-1.9.2-p180/gems/nokogiri-1.4.4/lib/nokogiri.rb:13:in `require': dlopen(/Users/mark/.rvm/gems/ruby-1.9.2-p180/gems/nokogiri-1.4.4/lib/nokogiri/nokogiri.bundle, 9): Library not loaded: /opt/local/lib/libiconv.2.dylib (LoadError)
Referenced from: /Users/mark/.rvm/gems/ruby-1.9.2-p180/gems/nokogiri-1.4.4/lib/nokogiri/nokogiri.bundle
Reason: Incompatible library version: nokogiri.bundle requires version 8.0.0 or later, but libiconv.2.dylib provides version 7.0.0 - /Users/mark/.rvm/gems/ruby-1.9.2-p180/gems/nokogiri-1.4.4/lib/nokogiri/nokogiri.bundle
.....
.....
我通过Homebrew安装了libiconv,但是没有解决它.它抱怨libiconv版本号.这是问题吗？
这里发生了什么,我需要做什么？
我ng-repeat在模板中使用自定义指令,如下所示:
<li ng-repeat="image in images">
<img ng-src="{{image.url}}" ng-click="togglePhoto({{$index}})">
</li>
在页面上呈现源时看起来像
<li ng-repeat="image in images" class="ng-scope">
<img ng-src="http://example.com/example.jpg" ng-click="togglePhoto(1)" src="http://example.com/example.jpg">
</li>
我有togglePhoto我的指令中定义的函数.如果没有{{index}}传入参数,它就可以工作并调用该函数.使用索引,它不会触发.
如何获取单击该togglePhoto功能的照片索引？
将Polymer Paper Elements默认字体从Roboto更改为自定义字体的最佳方法是什么？
我使用--paper-font-common-base: {}mixin来定义我的字体,这适用于大多数地方......但不是全部.在像这样的地方,paper-toolbar仍然有Roboto应用.
还有另一种方法吗？
编辑
我现在看到了罪犯.里面paper-styles/typography.html有大量的mixin专门定义字体...例如
--paper-font-title: {
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
font-weight: 500;
line-height: 28px;
};
为什么@apply这里的块被注释掉了？如果默认情况下没有评论这些,看起来这不会是一个问题.但现在我必须去覆盖每一个混合!
编辑2
我看到typography.html文件顶部有一个注释
/*
Unfortunately, we can't use nested rules
See https://github.com/Polymer/polymer/issues/1399
*/
但无论如何,这在Chrome中似乎并非如此.如果我取消注释@apply(--paper-font-common-base)所有mixin中的行,它似乎工作.这是一个浏览器问题吗？
我正在尝试将我的require.js模块构建到一个javascript文件中进行生产.
我正在运行的命令是......
r.js -o name=main out=main.min.js mainConfigFile=main.js
这编译但编译的main.min.js文件未正确编译,仍包含"define"语句块.浏览器显然会返回
Uncaught ReferenceError: define is not defined
我的main.js文件看起来像:
require.config({
paths: {
jquery: 'libs/jquery/jquery',
},
shim: {
bootstrap: {
deps: ['jquery'],
exports: 'jquery'
}
}
});
require(['app', 'jquery'], function (app, $) {
'use strict';
// use app here
console.log(app);
console.log('Running jQuery %s', $().jquery);
});
请让我知道我在这里看到的是什么.谢谢!
我终于找到了如何组合一个复杂的查询来获得相关的模型.
这是我的查询目前的样子......
$campaign = Campaign::find($campaign_id);
$buyers = $campaign->buyers()->with('notes')->with(['emails' => function($q){
$q->where('campaign_id', '13');
}])->get();
复杂的部分,我想从条目emails有两个匹配buyer_id和campaign_id.这个查询以一种非常有效的方式实现了我所追求的......
但是......我无法弄清楚如何将参数传递给with闭包.目前我已将id硬编码13到where闭包中的查询中,但我希望它等于$campaign_id传入原始函数.
我该怎么做呢？
我无法理解如何使用聚合物的自定义css变量.目前我正在制作一个"铁叠加行为"的叠加层.
这包括定义了各种css变量的"iron-overlay-backdrop"元素.我感兴趣的主要是--iron-overlay-backdrop-opacity.
我可以通过添加在我的主index.html文件中使用它们
<style is="custom-style">
:root {
--iron-overlay-backdrop-opacity: 0.4;
}
</style>
但我不想在那里定义样式!我想在我的自定义overlay元素中定义它们.
如何在我的自定义元素中使用这些？
我试过像这样使用它们
<dom-module id="faq-overlay">
<style>
:host {
--iron-overlay-backdrop-opacity: 0.3;
--iron-overlay-backdrop-background-color: red;
}
...
但这不起作用.有没有办法做到这一点？
我正在使用@ ngrx/store和@ ngrx/effects制作一个Angular 2应用程序.
我正在努力理解将动作/效果等逻辑放在哪里以及调用服务功能的位置.
例如,通过身份验证......
AUTH_REQUEST,将使用登录凭据作为有效内容调度操作.AUTH_SUCCESS使用响应对象中的标记,用户名等调用该操作作为有效负载,该负载将转到reducer以更新AuthState.例如:In AuthEffects
@Effect() authenticate$ = this.updates$
.whenAction(AuthActions.AUTHENTICATE_REQUEST)
.switchMap(update => this.api.post('/authenticate', update.action.payload)
.map((res:any) => ({type: AuthActions.AUTHENTICATE_SUCCESS, payload: res.json()}))
.catch((err:any) => Observable.of({ type: AuthActions.AUTHENTICATE_ERROR, payload: err }))
);
在 AuthReducer
case AuthActions.AUTHENTICATE_SUCCESS:
return Object.assign({}, state, <AuthState>{
processing: false,
failed: false,
isLoggedIn: true,
token: action.payload.token,
username: action.payload.username,
accountId: action.payload.accountId,
});
我想知道的是:
AUTH_SUCCESS处理操作后,在何处调用路由器来更改页面.我是从效果反应链中做到这一点还是......？AuthService需要在LocalStorage中存储凭据(令牌等).我应该在哪里称之为"存储令牌"即authService.store(userCredentials).任何帮助赞赏.
我想在聚合物中做这样的事......
<dom-module id="logo-standard">
<style>
:host {
display: block;
}
</style>
<template>
<div class="logo-wrap">
<div style="width: {{logoWidth}}px;">
Some awesome logo
</div>
</template>
<script>
(function() {
Polymer({
is: 'logo-standard',
properties: {
logoWidth: {
type: String,
value: '400'
}
}
});
})();
</script>
</dom-module>
即使用属性动态设置元素样式.
这可能吗？如果是这样......怎么样？