Hướng dẫn angularjs concatenate string in html - angularjs nối chuỗi trong html

Làm cách nào tôi có thể kết nối chuỗi trong thuộc tính HTML. Tôi đang sử dụng bộ điều khiển góc và trong phần tôi viết một số mảng trong HTML (mã bên dưới), tôi muốn đặt tên thẻ đầu vào là "Kolicina" + {{idhrana}} Phù thủy là thuộc tính của đối tượng Jelo.

Show
     <div class = "rezultat" ng-repeat="jelo in hrana | filter:pretrazi_namirnice">
         <div>  {{jelo.naziv}}  </div>
         <div>  {{jelo.energijaKCal}}</div>
         <div>  {{jelo.proteini}}</div>
         <div>  {{jelo.uglj_hidrati}}</div>
         <div>  {{jelo.masti}}</div>
         <div><input type=text nama="kolicina"+{{idhrana}}></div>
         <div><input  type="button"  ng-click = 'dodaj(jelo)' value="Dodaj"></div>
     </div>
    

    Hướng dẫn angularjs concatenate string in html - angularjs nối chuỗi trong html

    Khi được hỏi ngày 27 tháng 5 năm 2017 lúc 9:11May 27, 2017 at 9:11

    2

    Bạn có thể làm điều đó như vậy:

    <input type=text name="kolicina{{idhrana}}"></div>
    

    Không cần phải kết hợp rõ ràng nó. Ngoài ra, tôi nghĩ rằng bạn đã có một lỗi đánh máy với nama so với ____ 3-thuộc tính.

    Đã trả lời ngày 27 tháng 5 năm 2017 lúc 9:24May 27, 2017 at 9:24

    Hướng dẫn angularjs concatenate string in html - angularjs nối chuỗi trong html

    Philipp Meissnerphilipp MeissnerPhilipp Meissner

    4.9775 Huy hiệu vàng31 Huy hiệu bạc56 Huy hiệu Đồng5 gold badges31 silver badges56 bronze badges

    Cải thiện bài viết

    Lưu bài viết

    Trong bài viết này, chúng ta sẽ xem làm thế nào để nối các chuỗi trong angularjs.Có một vài cách để kết hợp các chuỗi trong Angularjs.Trong bài viết này, chúng ta sẽ thấy 2 người trong số họ.

    Ví dụ 1: Trong ví dụ đầu tiên, chúng tôi đang sử dụng toán tử ‘++để kết hợp các chuỗi & nbsp;In the first example, we are using the ‘+’ operator to concat the strings 

    HTML

    <!DOCTYPE HTML> 

    <html

    <head

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    4
    <input type=text name="kolicina{{idhrana}}"></div>
    
    5

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama4nama5

    nama4nama7

    nama8nama9

    nama8name1

    nama8name3

    nama8name5

    name6name7

    nama8name9

    nama4<!DOCTYPE HTML> 1

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7head
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <<0 <1 <2<3

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<<7 <1 <2html0html1

    nama4html3

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama43

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    70
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<<0 <1 <2<3html1

    nama4<<0 <8 <2head0____10

    nama8head3

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8head9

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<

    <input type=text name="kolicina{{idhrana}}"></div>
    
    10
    <input type=text name="kolicina{{idhrana}}"></div>
    
    11 ________ 52 ________ 113 & nbsp;

    name6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    15 <2
    <input type=text name="kolicina{{idhrana}}"></div>
    
    17
    <input type=text name="kolicina{{idhrana}}"></div>
    
    18

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    290
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama4

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    42

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7html
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    Output:

    Hướng dẫn angularjs concatenate string in html - angularjs nối chuỗi trong html

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0____10
    In the second example we will use the standard concat() method for concatenation.

    HTML

    <!DOCTYPE HTML> 

    <html

    <head

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    4
    <input type=text name="kolicina{{idhrana}}"></div>
    
    5

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama4nama5

    nama4nama7

    nama8nama9

    nama8name1

    nama8name3

    nama8name5

    name6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    79

    nama8name9

    nama4<!DOCTYPE HTML> 1

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    3
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7head
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <<0 <1 <2<3

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<<7 <1 <2html0html1

    nama4html3

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<7
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama43

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    70
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1<<0 <1 <2<3html1

    nama4<<0 <8 <2head0____10

    nama8head3

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8head9

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<

    <input type=text name="kolicina{{idhrana}}"></div>
    
    10
    <input type=text name="kolicina{{idhrana}}"></div>
    
    11 ________ 52 ________ 113 & nbsp;

    name6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    15 <2
    <input type=text name="kolicina{{idhrana}}"></div>
    
    17
    <input type=text name="kolicina{{idhrana}}"></div>
    
    18

    nama8<head6

    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama8<0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    290
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    nama4

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    <input type=text name="kolicina{{idhrana}}"></div>
    
    1
    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0____10

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7<0
    <input type=text name="kolicina{{idhrana}}"></div>
    
    42

    <input type=text name="kolicina{{idhrana}}"></div>
    
    7html
    <input type=text name="kolicina{{idhrana}}"></div>
    
    0

    Output:

    Hướng dẫn angularjs concatenate string in html - angularjs nối chuỗi trong html