ng generate library my-lib
در یک برنامه، شما اغلب باید تنظیمات کاربر مانند تم انتخاب شده و یا هرگونه پیکربندی دیگری از برنامه یا نام کاربری آنها را ذخیره کنید. این تنظیمات باید:
Creating a VS Code Theme
ابزار و راهنمای مربوط به theme ویژوال استودیو
دات‌نت ۷ از طیف متنوعی از الگوریتم‌های محدودیت برای مصرف منابع/درخواست پشتیبانی میکند.
@page "/js-sample"
<button class="btn btn-primary" onclick="JsFunctionHelper.invokeDotnetStaticFunction()">Invoke Static Method</button>
@code
{
[JSInvokable]
public static Task<string> HelpMessage()
{
return Task.FromResult("Help text from C# static function");
}
} window.JsFunctionHelper = {
invokeDotnetStaticFunction: function () {
DotNet.invokeMethodAsync("BlazorRazorSample.Client", "HelpMessage").then(
(data) => {
console.log(data);
}
);
}
}; @page "/js-sample"
@implements IDisposable
@inject IJSRuntime jSRuntime
<button class="btn btn-primary" @onclick="CallInstanceMethod">Invoke Instance Method</button>
@code
{
private DotNetObjectReference<JsSample> objectReference;
[JSInvokable]
public string GetAddress()
{
return "123 Main Street";
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if(firstRender)
{
objectReference = DotNetObjectReference.Create(this);
}
}
private async Task CallInstanceMethod()
{
await jSRuntime.InvokeVoidAsync("JsFunctionHelper.invokeDotnetInstanceFunction", objectReference);
}
public void Dispose()
{
objectReference?.Dispose();
}
} window.JsFunctionHelper = {
invokeDotnetInstanceFunction: function (addressProvider) {
addressProvider.invokeMethodAsync("GetAddress").then((data) => {
console.log(data);
});
}
}; 
<div>
Number Of Clicks <span data-bind="text: numberOfClicks"></span> times
<button data-bind="click: clickMe">Click me</button>
</div>
<script type="text/javascript">
var viewModel = {
numberOfClicks : ko.observable(0),
clickMe: function() {
var previousCount = this.numberOfClicks();
this.numberOfClicks(previousCount + 1);
}
};
</script> <ul data-bind="foreach: places">
<li>
<span data-bind="text: $data"></span>
<button data-bind="click: $parent.removePlace">Remove</button>
</li>
</ul>
<script type="text/javascript">
function MyViewModel() {
var self = this;
self.places = ko.observableArray(['Tehran', 'Esfahan', 'Shiraz']);
self.removePlace = function(place) {
self.places.remove(place)
}
}
ko.applyBindings(new MyViewModel());
</script> <button data-bind="click: myFunction">
Click me
</button>
<script type="text/javascript">
var viewModel = {
myFunction: function(data, event) {
if (event.shiftKey) {
} else {
}
}
};
ko.applyBindings(viewModel);
</script> <div data-bind="click: myDivHandler">
<button data-bind="click: myButtonHandler">
Click me
</button>
</div> <div data-bind="click: myDivHandler">
<button data-bind="click: myButtonHandler, clickBubble: false">
Click me
</button>
</div> 