من دنبال این کار هستم، چطوری میتونم آدرس تگ img رو به این صورت دربیارم، فایل css رو میتونم با باندل به این حالت دربیارم ولی تگ img رو نه!
<div class="lessons-list" *ngIf="lessons else loading">
...
</div>
<ng-template #loading>
<div>Loading...</div>
</ng-template> <ng-container *ngTemplateOutlet="loading"></ng-container>
<ng-template #estimateTemplate let-lessonsCounter="estimate">
<div> Approximately {{lessonsCounter}} lessons ...</div>
</ng-template>
<ng-container *ngTemplateOutlet="estimateTemplate;context:ctx">
</ng-container> export class AppComponent {
totalEstimate = 10;
ctx = {estimate: this.totalEstimate};
} <ng-container *ngTemplateOutlet="templateRef; context: exampleContext"></ng-container>
<ng-template #templateRef let-default>
<div>
'{{default}}'
</div>
</ng-template> export class AppComponent {
exampleContext = {
$implicit: 'default context property when none specified'
};
} [ngOutletContext]="exampleContext"
<ng-template #defaultTabButtons> </ng-template>
export class AppComponent implements OnInit {
@ViewChild('defaultTabButtons') private defaultTabButtonsTpl: TemplateRef<any>;
ngOnInit() {
console.log(this.defaultTabButtonsTpl);
}
} <ng-container *ngTemplateOutlet="headerTemplate ? headerTemplate: defaultTabButtons"> </ng-container>
@Input() headerTemplate: TemplateRef<any>;
<tab-container [headerTemplate]="defaultTabButtons"></tab-container>
| Banner | این
قسمت که عموما برای اجزای مهمی مثل هدر سایت قرار می‌گیرد و شامل معرفی وب
سایت هست و در همه‌ی صفحات وجود دارد که شامل لوگو، اطلاعات عمومی سایت و
اسپانسرها و ... می‌گردد و بسیار مهم است که تنها یکبار در صفحه‌ی وب به کار
برود و تکرار آن پرهیز شود. |
| Main | این
نقش به محتوای اصلی وب سایت اشاره میکند و نباید بیشتر از یکبار در هر صفحه‌ی وب به کار برود و عموما بهتر است این خصوصیت در تگ div قرار گیرد:<div Role="main"></div> <main role="main">..... |
| Navigation | اشاره به یک ناحیه پر از المان‌های لینک برای ارتباط با صفحات دیگر |
| Complementary | مشخص سازی ناحیه‌ای که اطلاعات اضافی درباره‌ی محتوای اصلی سایت دارد؛ مانند بخش مقالات مرتبط، آخرین کامنت‌ها و ... |
| ContentInfo | این نقش که بیشتر برای فوتر مناسب است برای محتوایی به کار می‌رود که در آن به قوانین کپی رایت و ... اشاره می‌شود. |
| form | برای اشاره به فرم‌ها که دارای قسمت‌های ورودی کاربر هستند. |
| search | در صورتیکه فرمی دارید و از آن برای گزینه‌ی جست و جو استفاده می‌کنید، از این نقش استفاده کنید. |
| application | برای
اینکه وب سایت خود را به صورت یک وب اپلیکیشن معرفی کنید؛ تا یک صفحه وب معمولی،
استفاده می‌شود و برای وب سایت‌های قدیمی یا با حالت سنتی توصیه نمی‌شود و
به برنامه‌های کمکیار معلولین می‌گوند که از حالت عادی به حالت
application سوئیچ کنند؛ پس با دقت بیشتری باید از این گزینه استفاده کرد. |
<div id="some-id" class="some-class" aria-live="assertive"><div>
<div role="main" aria-labelledby="some-id">
<h1 id="some-id">This Is A Heading</h1>
Main content...
</div> <div id="billing">Billing Address</div>
<div>
<div id="name">Name</div>
<input type="text" aria-labelledby="name billing"/>
</div>
<div>
<div id="address">Address</div>
<input type="text" aria-labelledby="address billing"/>
</div> <div id="radio_label">My radio label</div>
<ul role="radiogroup" aria-labelledby="radio_label">
<li role="radio">Item #1</li>
<li role="radio">Item #2</li>
<li role="radio">Item #3</li>
</ul> <form></form> <form role="form"></form>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestCustomValidation.aspx.cs"
Inherits="TestJQueryAjax.TestCustomValodation" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function validate() {
var number1 = $("#<%=txtNumber1.ClientID %>").val();
var number2 = $("#<%=txtNumber2.ClientID %>").val();
var result = false;
$.ajax({
type: "POST",
url: 'AjaxSrv.asmx/ValidateIt',
data: '{"number1":' + number1 + ',"number2":' + number2 + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success:
function(msg) {
if (msg.d) {
result = true;
alert('بسیار خوب');
}
else {
result = false;
alert('دوباره سعی کنید');
}
},
error:
function(XMLHttpRequest, textStatus, errorThrown) {
result = false;
alert("خطایی رخ داده است");
}
});
//debugger;
return result;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
number 1 :
<asp:TextBox runat="server" ID="txtNumber1" />
<br />
number 2 :
<asp:TextBox runat="server" ID="txtNumber2" />
<br />
<asp:Button ID="btnSubmit" Text="Submit" UseSubmitBehavior="false" runat="server"
OnClientClick="if(!validate()){ return false;}" OnClick="btnSubmitClick" />
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;
namespace TestJQueryAjax
{
/// <summary>
/// Summary description for AjaxSrv
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[ScriptService]
public class AjaxSrv : System.Web.Services.WebService
{
[WebMethod(EnableSession = true)]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public bool ValidateIt(int number1, int number2)
{
return number1 * number2 == 10;
}
}
}
$.ajaxSetup({async: false}) ;
<input id="btnSubmit" type="button" onclick="if(!validate()){ return false;};__doPostBack('btnSubmit','')" value="Submit" name="btnSubmit"/>
CREATE TABLE [dbo].[Employee] (
[EmpId] INT NOT NULL,
[FirstName] VARCHAR (20) NOT NULL,
[LastName] VARCHAR (20) NOT NULL,
[City] VARCHAR (20) NOT NULL,
PRIMARY KEY CLUSTERED ([EmpId] ASC)
); <asp:BoundField DataField="FirstName" HeaderText="First Name" />
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chkDel" runat="server" />
</ItemTemplate>
</asp:TemplateField> <asp:Button ID="btnDeleteRecord" runat="server" OnClick="btnDeleteRecord_Click" Text="Delete" />
function DeleteConfirm()
{
var Ans = confirm("Do you want to Delete Selected Employee Record?");
if (Ans)
{
return true;
}
else
{
return false;
}
} protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
//Displaying the Data
showData();
//Adding an Attribute to Server Control(i.e. btnDeleteRecord)
btnDeleteRecord.Attributes.Add("onclick", "javascript:return DeleteConfirm()");
}
} //Method for Displaying Data
protected void showData()
{
DataTable dt = new DataTable();
SqlConnection con = new SqlConnection(cs);
SqlDataAdapter adapt = new SqlDataAdapter("select * from Employee",con);
con.Open();
adapt.Fill(dt);
con.Close();
GridView1.DataSource = dt;
GridView1.DataBind();
} protected void DeleteRecord(int empid)
{
SqlConnection con = new SqlConnection(cs);
SqlCommand com = new SqlCommand("delete from Employee where EmpId=@ID",con);
com.Parameters.AddWithValue("@ID",empid);
con.Open();
com.ExecuteNonQuery();
con.Close();
} protected void btnDeleteRecord_Click(object sender, EventArgs e)
{
foreach (GridViewRow grow in GridView1.Rows)
{
//Searching CheckBox("chkDel") in an individual row of Grid
CheckBox chkdel = (CheckBox)grow.FindControl("chkDel");
//If CheckBox is checked than delete the record with particular empid
if(chkdel.Checked)
{
int empid = Convert.ToInt32(grow.Cells[1].Text);
DeleteRecord(empid);
}
}
//Displaying the Data in GridView
showData();
} 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Refactored date examples</title>
<link rel="stylesheet" href="../qunit.css">
<script src="../qunit.js"></script>
<script src="prettydate.js"></script>
<script>
test("prettydate basics", function() {
var now = "2013/01/28 22:25:00";
equal(prettyDate(now, "2013/01/28 22:24:30"), "just now");
equal(prettyDate(now, "201308/01/28 22:23:30"), "1 minute ago");
equal(prettyDate(now, "2013/01/28 21:23:30"), "1 hour ago");
equal(prettyDate(now, "2013/01/27 22:23:30"), "Yesterday");
equal(prettyDate(now, "2013/01/26 22:23:30"), "2 days ago");
equal(prettyDate(now, "2012/01/26 22:23:30"), undefined);
});
</script>
</head>
<body>
<div id="qunit"></div>
</body>
</html>
test("prettydate basics", function() {
function date(then, expected) {
equal(prettyDate("2013/01/28 22:25:00", then), expected);
}
date("2013/01/28 22:24:30", "just now");
date("2013/01/28 22:23:30", "1 minute ago");
date("2013/01/28 21:23:30", "1 hour ago");
date("2013/01/27 22:23:30", "Yesterday");
date("2013/01/26 22:23:30", "2 days ago");
date("2012/01/26 22:23:30", undefined);
});var prettyDate = {
format: function(now, time){
var date = new Date(time || ""),
diff = (((new Date(now)).getTime() - date.getTime()) / 1000),
day_diff = Math.floor(diff / 86400);
if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )
return;
return day_diff === 0 && (
diff < 60 && "just now" ||
diff < 120 && "1 minute ago" ||
diff < 3600 && Math.floor( diff / 60 ) +
" minutes ago" ||
diff < 7200 && "1 hour ago" ||
diff < 86400 && Math.floor( diff / 3600 ) +
" hours ago") ||
day_diff === 1 && "Yesterday" ||
day_diff < 7 && day_diff + " days ago" ||
day_diff < 31 && Math.ceil( day_diff / 7 ) +
" weeks ago";
},
update: function(now) {
var links = document.getElementsByTagName("a");
for ( var i = 0; i < links.length; i++ ) {
if ( links[i].title ) {
var date = prettyDate.format(now, links[i].title);
if ( date ) {
links[i].innerHTML = date;
}
}
}
}
};<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Refactored date examples</title>
<link rel="stylesheet" href="../qunit.css">
<script src="../qunit.js"></script>
<script src="prettydate2.js"></script>
<script>
test("prettydate.format", function() {
function date(then, expected) {
equal(prettyDate.format("2013/01/28 22:25:00", then),
expected);
}
date("2013/01/28 22:24:30", "just now");
date("2013/01/28 22:23:30", "1 minute ago");
date("2013/01/28 21:23:30", "1 hour ago");
date("2013/01/27 22:23:30", "Yesterday");
date("2013/01/26 22:23:30", "2 days ago");
date("2012/01/26 22:23:30", undefined);
});
function domtest(name, now, first, second) {
test(name, function() {
var links = document.getElementById("qunit-fixture")
.getElementsByTagName("a");
equal(links[0].innerHTML, "January 28th, 2013");
equal(links[2].innerHTML, "January 27th, 2013");
prettyDate.update(now);
equal(links[0].innerHTML, first);
equal(links[2].innerHTML, second);
});
}
domtest("prettyDate.update", "2013-01-28T22:25:00Z",
"2 hours ago", "Yesterday");
domtest("prettyDate.update, one day later", "2013/01/29 22:25:00",
"Yesterday", "2 days ago");
</script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture">
<ul>
<li id="post57">
<p>blah blah blah...</p>
<small>
Posted <span>
<a href="/2013/01/blah/57/" title="2013-01-28T20:24:17Z"
>January 28th, 2013</a>
</span>
by <span><a href=""></a></span>
</small>
</li>
<li id="post57">
<p>blah blah blah...</p>
<small>
Posted <span>
<a href="/2013/01/blah/57/" title="2013-01-27T22:24:17Z"
>January 27th, 2013</a>
</span>
by <span><a href=""></a></span>
</small>
</li>
</ul>
</div>
</body>
</html>
