我有一个带有按钮的Angular2应用程序,可以为我的贷款添加另一笔贷款.我的*ngFor也非常简单:
<div *ngFor="let loan of myLoans">
<label>{{loan.name}}</label>
<input type="text" name="loan.name" [(ngModel)]="loan.amount">
</div>
Run Code Online (Sandbox Code Playgroud)
myLoans
是一个带有name
和amount
参数的Loan对象数组.我的按钮也很简单.
<button id="addLoan" type="button" (click)="addLoan()">Legg til lån</button>
Run Code Online (Sandbox Code Playgroud)
addLoan()函数:
addLoan(): void{
var newLoan = new Loan();
this.myLoans.push(newLoan);
}
Run Code Online (Sandbox Code Playgroud)
我的问题是,当我在列表中添加新贷款时,我在其他贷款的输入字段中的任何值都会回到0或我在贷款对象的构造函数中设置的任何值.
加载应用程序会显示此图片
键入数字时,ngModel正在工作
按下"Leggtillån"按钮后,将重置第一个输入的值
如果我尝试输入另一个数字,ngModel仍在为第一个输入工作
任何人都知道这里发生了什么?
当我删除respond_to
and 时render to view
,一切正常,但添加js render
会出现错误。
控制器代码:
if params[:stock].present?
@data = params[:stock]
@stock = Stock.new_form_lookup(params[:stock])
respond_to do | format |
format.js {render partial: 'user/result'}
end
else
flash[:danger] = "no search found "
redirect_to my_portfolio_path
end
Run Code Online (Sandbox Code Playgroud)
结尾
查看代码:
<%= form_tag searchstock_path , remote: true , method: :get, id:"stock-search" do %>
Run Code Online (Sandbox Code Playgroud)
application.js 代码:
//= rails-ujs
//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require turbolinks
//= require_tree .
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用变量检索刀片模板中的序列号i
:
<?php $i=0;?>
@foreach ($lists as $li)
<tr><td><?php $i++;?>{{$i}}</td><td>{{$li->Name}}</td><td>{{$li->Telephone}}
</td><td>{{$li->mobile}}</td>
@endforeach
{!! $lists->render() !!}
Run Code Online (Sandbox Code Playgroud)
但我在控制器中使用分页:
$lists=telephone::orderBy('name')->simplePaginate(10);
Run Code Online (Sandbox Code Playgroud)
所以,第一页的序列号是可以的。但是对于第二页i
再次从 1 开始。
ajax ×1
angular ×1
data-binding ×1
javascript ×1
laravel ×1
laravel-5 ×1
ng-modal ×1
ngfor ×1
php ×1
typescript ×1