Hướng dẫn can we use model in javascript? - chúng ta có thể sử dụng mô hình trong javascript không?

Nội dung của câu trả lời

1] Cách truy cập dữ liệu mô hình trong khối mã JavaScript/jQuery trong tệp

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0

2] Cách truy cập dữ liệu mô hình trong khối mã JavaScript/jQuery trong tệp

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
1

Cách truy cập dữ liệu mô hình trong khối mã JavaScript/jQuery trong tệp
var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0

Có hai loại gán biến C# [

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
3] cho biến JavaScript.

  1. Phân công thuộc tính - Các kiểu dữ liệu cơ bản như
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    4,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    5,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    6 [ví dụ:
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    7]
    - Basic datatypes like
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    4,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    5,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    6 [ex:
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    7]
  2. Phân công đối tượng - Các lớp tùy chỉnh hoặc sẵn có [ví dụ:
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    3,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    9]
    - Custom or inbuilt classes [ex:
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    3,
    var Name = @Model.Name;  
    var Age = @Model.Age;
    var LoginTime = @Model.LoginDateTime; 
    var IsAuthenticated = @Model.IsAuthenticated;   
    var IconHtml = @Model.UserIconHTML;  
    
    9]

Hãy xem xét các chi tiết của hai bài tập này.

Đối với phần còn lại của câu trả lời, hãy xem xét mô hình

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
0 dưới đây là một ví dụ.

public class AppUser
{
    public string Name { get; set; }
    public bool IsAuthenticated { get; set; }
    public DateTime LoginDateTime { get; set; }
    public int Age { get; set; }
    public string UserIconHTML { get; set; }
}

Và các giá trị chúng tôi gán mô hình này là

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};

Chuyển nhượng tài sản

Cho phép sử dụng cú pháp khác nhau để gán và quan sát kết quả.

1] Không gói gán tài sản trong báo giá. Without wrapping property assignment in quotes.

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  

Như bạn có thể thấy có một vài lỗi,

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
1 và
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
2 được coi là các biến JavaScript và vì chúng không tồn tại lỗi
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
3. Trong trường hợp đối với biến thể DateTime, lỗi là
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
4 không thể có ký tự đặc biệt, các thẻ HTML được chuyển đổi thành tên thực thể của nó để trình duyệt không trộn các giá trị của bạn và đánh dấu HTML.

2] Gói gán tài sản trong báo giá. Wrapping property assignment in Quotes.

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 

Kết quả là hợp lệ, vì vậy hãy gói gán tài sản trong báo giá cho chúng tôi cú pháp hợp lệ. Nhưng lưu ý rằng số

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
5 hiện là một chuỗi, vì vậy nếu bạn không muốn chúng ta có thể xóa các trích dẫn và nó sẽ được hiển thị dưới dạng một loại số.

3] Sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 nhưng không gói nó trong báo giá Using
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 but without wrapping it in quotes

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];

Các kết quả tương tự như trường hợp thử nghiệm của chúng tôi 1. Tuy nhiên, sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
7 trên chuỗi
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
8 đã cho chúng tôi thấy một số thay đổi. HTML được giữ lại mà không thay đổi tên thực thể của nó.

Từ các tài liệu html.raw []Html.Raw[]

Kết thúc đánh dấu HTML trong một trường hợp HTMLString để nó được hiểu là đánh dấu HTML.

Nhưng chúng tôi vẫn có lỗi trong các dòng khác.

4] Sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 và cũng gói nó trong các trích dẫn Using
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 and also wrapping it within quotes

var Name ='@Html.Raw[Model.Name]';
var Age = '@Html.Raw[Model.Age]';
var LoginTime = '@Html.Raw[Model.LoginDateTime]';
var IsAuthenticated = '@Html.Raw[Model.IsAuthenticated]';
var IconHtml = '@Html.Raw[Model.UserIconHTML]';

Kết quả là tốt với tất cả các loại. Nhưng dữ liệu

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
8 của chúng tôi hiện đã bị hỏng và điều này sẽ phá vỡ các tập lệnh. Vấn đề là do chúng tôi đang sử dụng các trích dẫn đơn
 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
1 để bọc dữ liệu và thậm chí dữ liệu có các trích dẫn đơn.

Chúng ta có thể khắc phục vấn đề này với 2 cách tiếp cận.

1] Sử dụng dấu ngoặc kép

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
2 để bọc phần HTML. Vì dữ liệu bên trong chỉ có báo giá đơn. .

  var IconHtml = "@Html.Raw[Model.UserIconHTML]";

2] Thoát khỏi ý nghĩa ký tự trong mã phía máy chủ của bạn. Giống

  UserIconHTML = ""

Kết luận phân công tài sản

  • Sử dụng báo giá cho kiểu dữ liệu không số.
  • Không sử dụng báo giá cho kiểu dữ liệu số.
  • Sử dụng
     var Name = @Html.Raw[Model.Name];
     var Age = @Html.Raw[Model.Age];
     var LoginTime = @Html.Raw[Model.LoginDateTime];
     var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
     var IconHtml = @Html.Raw[Model.UserIconHTML];
    
    4 để giải thích dữ liệu HTML của bạn.
  • Hãy chăm sóc dữ liệu HTML của bạn để thoát khỏi các trích dẫn có nghĩa ở phía máy chủ hoặc sử dụng một báo giá khác với dữ liệu trong quá trình gán cho biến JavaScript.

Phân công đối tượng

Cho phép sử dụng cú pháp khác nhau để gán và quan sát kết quả.

1] Không gói gán tài sản trong báo giá. Without wrapping object assignment in quotes.

  var userObj = @Model; 

Như bạn có thể thấy có một vài lỗi,

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
1 và
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
2 được coi là các biến JavaScript và vì chúng không tồn tại lỗi
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
3. Trong trường hợp đối với biến thể DateTime, lỗi là
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
4 không thể có ký tự đặc biệt, các thẻ HTML được chuyển đổi thành tên thực thể của nó để trình duyệt không trộn các giá trị của bạn và đánh dấu HTML.

2] Gói gán tài sản trong báo giá. Wrapping object assignment in quotes

var userObj = '@Model'; 

Kết quả là hợp lệ, vì vậy hãy gói gán tài sản trong báo giá cho chúng tôi cú pháp hợp lệ. Nhưng lưu ý rằng số

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
5 hiện là một chuỗi, vì vậy nếu bạn không muốn chúng ta có thể xóa các trích dẫn và nó sẽ được hiển thị dưới dạng một loại số. Using
 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
4 without quotes.

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
0

3] Sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 nhưng không gói nó trong báo giá Using
 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
4 along with quotes

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
1

Các kết quả tương tự như trường hợp thử nghiệm của chúng tôi 1. Tuy nhiên, sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
7 trên chuỗi
var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
8 đã cho chúng tôi thấy một số thay đổi. HTML được giữ lại mà không thay đổi tên thực thể của nó.

Từ các tài liệu html.raw [] Using

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
9 without quotes

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
2

Kết thúc đánh dấu HTML trong một trường hợp HTMLString để nó được hiểu là đánh dấu HTML.

Nhưng chúng tôi vẫn có lỗi trong các dòng khác.Json.Encode[]

4] Sử dụng

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
6 và cũng gói nó trong các trích dẫn

Kết quả là tốt với tất cả các loại. Nhưng dữ liệu

var Name = '@Model.Name';
var Age = '@Model.Age';
var LoginTime = '@Model.LoginDateTime';
var IsAuthenticated = '@Model.IsAuthenticated';
var IconHtml = '@Model.UserIconHTML'; 
8 của chúng tôi hiện đã bị hỏng và điều này sẽ phá vỡ các tập lệnh. Vấn đề là do chúng tôi đang sử dụng các trích dẫn đơn
 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
1 để bọc dữ liệu và thậm chí dữ liệu có các trích dẫn đơn.

Chúng ta có thể khắc phục vấn đề này với 2 cách tiếp cận. Using

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
4 and
var Name ='@Html.Raw[Model.Name]';
var Age = '@Html.Raw[Model.Age]';
var LoginTime = '@Html.Raw[Model.LoginDateTime]';
var IsAuthenticated = '@Html.Raw[Model.IsAuthenticated]';
var IconHtml = '@Html.Raw[Model.UserIconHTML]';
4 without quotes.

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
3

1] Sử dụng dấu ngoặc kép

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
2 để bọc phần HTML. Vì dữ liệu bên trong chỉ có báo giá đơn. .Javascript Object

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
4

2] Thoát khỏi ý nghĩa ký tự trong mã phía máy chủ của bạn. Giống Using

 var Name = @Html.Raw[Model.Name];
 var Age = @Html.Raw[Model.Age];
 var LoginTime = @Html.Raw[Model.LoginDateTime];
 var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
 var IconHtml = @Html.Raw[Model.UserIconHTML];
4 and
var Name ='@Html.Raw[Model.Name]';
var Age = '@Html.Raw[Model.Age]';
var LoginTime = '@Html.Raw[Model.LoginDateTime]';
var IsAuthenticated = '@Html.Raw[Model.IsAuthenticated]';
var IconHtml = '@Html.Raw[Model.UserIconHTML]';
4 within quotes.

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
5

Kết luận phân công tài sảnJSON data

Sử dụng báo giá cho kiểu dữ liệu không số.

  • Không sử dụng báo giá cho kiểu dữ liệu số.JavaScript object.
  • Sử dụng
     var Name = @Html.Raw[Model.Name];
     var Age = @Html.Raw[Model.Age];
     var LoginTime = @Html.Raw[Model.LoginDateTime];
     var IsAuthenticated = @Html.Raw[Model.IsAuthenticated];
     var IconHtml = @Html.Raw[Model.UserIconHTML];
    
    4 để giải thích dữ liệu HTML của bạn.JSON

Hãy chăm sóc dữ liệu HTML của bạn để thoát khỏi các trích dẫn có nghĩa ở phía máy chủ hoặc sử dụng một báo giá khác với dữ liệu trong quá trình gán cho biến JavaScript.javascipt Date[] object

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
6

Cách truy cập dữ liệu mô hình trong khối mã JavaScript/jQuery trong tệp
var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
1

Cú pháp dao cạo không có ý nghĩa trong tệp

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
1 và do đó chúng tôi không thể trực tiếp sử dụng tệp insisde mô hình của mình. Tuy nhiên có một cách giải quyết.

1] Giải pháp đang sử dụng các biến toàn cầu của JavaScript. Solution is using javascript Global variables.

Chúng tôi phải gán giá trị cho biến Javascipt toàn cầu và sau đó sử dụng biến này trong tất cả các khối mã của các tệp

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0 và
var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
1 của bạn. Vì vậy, cú pháp sẽ là

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
7

Với điều này tại chỗ, chúng ta có thể sử dụng các biến

  UserIconHTML = ""
1 và
  UserIconHTML = ""
2 khi cần thiết.

Lưu ý: Cá nhân tôi không đề xuất sử dụng các biến toàn cầu vì nó rất khó duy trì. Tuy nhiên, nếu bạn không có lựa chọn nào khác thì bạn có thể sử dụng nó với một quy ước đặt tên thích hợp .. một cái gì đó như

  UserIconHTML = ""
3.

2] Sử dụng hàm [] hoặc

  UserIconHTML = ""
4 Bao bọc tất cả các mã phụ thuộc vào dữ liệu mô hình trong một hàm. Và sau đó thực thi chức năng này từ tệp
var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0.
Using function[] or
  UserIconHTML = ""
4 Wrap all the code that is dependent on the model data in a function. And then execute this function from the
var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0 file .

  UserIconHTML = ""
6

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
8

var Name = @Model.Name;  
var Age = @Model.Age;
var LoginTime = @Model.LoginDateTime; 
var IsAuthenticated = @Model.IsAuthenticated;   
var IconHtml = @Model.UserIconHTML;  
0 Tệp

AppUser appUser = new AppUser
{
    Name = "Raj",
    IsAuthenticated = true,
    LoginDateTime = DateTime.Now,
    Age = 26,
    UserIconHTML = ""
};
9

Lưu ý: Tệp bên ngoài của bạn phải được tham chiếu trước tập lệnh trên. Khác, hàm

  UserIconHTML = ""
8 không được xác định.

Cũng lưu ý rằng chức năng cũng phải trong phạm vi toàn cầu. Vì vậy, một trong hai giải pháp chúng tôi phải đối phó với những người chơi toàn cầu.

Mô hình trong JavaScript là gì?

Mô hình đối tượng JavaScript hiển thị các thuộc tính bằng các phương thức được chuẩn bị với SET_ và GET_ dựa trên khả năng truy xuất hoặc đặt giá trị của thuộc tính đó.Thư viện lớp JavaScript chứa tài liệu tham khảo cho các đối tượng và thuộc tính của chúng.exposes properties using methods that are prepended with set_ and get_ based on the ability to retrieve or set the value of that property. The JavaScript Class Library contains reference material for objects and their properties.

MVC có được sử dụng trong JavaScript không?

Kiến trúc MVC rất hữu ích trong JavaScript vì nó cung cấp nhiều hơn là cho phép các nhà phát triển tạo mã mô -đun.Chẳng hạn, vì mô hình trong MVC trả về dữ liệu mà không cần định dạng, các thành phần tương tự có thể được gọi để sử dụng trong các giao diện khác nhau. as it offers more than allowing developers to create modular code. For instance, since the Model in MVC returns data without formatting, the same components can be called for use in different interfaces.

Kiến trúc MVC trong JavaScript là gì?

MVC là viết tắt của Bộ điều khiển mô hình-View.Đó là một mẫu thiết kế chia một ứng dụng thành ba phần: dữ liệu [mô hình], trình bày dữ liệu đó cho người dùng [xem] và các hành động được thực hiện trên bất kỳ tương tác người dùng [bộ điều khiển] nào.a design pattern that breaks an application into three parts: the data [Model], the presentation of that data to the user [View], and the actions taken on any user interaction [Controller].

Chủ Đề