Skip to content

Instantly share code, notes, and snippets.

Anas R. Firdousi afirdousi

Block or report user

Report or block afirdousi

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View npm-debug.log
0 info it worked if it ends with ok
1 verbose cli [ '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/node',
1 verbose cli '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/npm',
1 verbose cli 'install',
1 verbose cli 'oracledb' ]
2 info using npm@3.10.10
3 info using node@v6.10.2
4 silly loadCurrentTree Starting
5 silly install loadCurrentTree
6 silly install readLocalPackageData
View oracle db install --verbose
npm info it worked if it ends with ok
npm verb cli [ '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/node',
npm verb cli '/Users/anasrazafirdousi/.nvm/versions/node/v6.10.2/bin/npm',
npm verb cli 'install',
npm verb cli '--verbose',
npm verb cli 'oracledb' ]
npm info using npm@3.10.10
npm info using node@v6.10.2
npm verb request uri https://registry.npmjs.org/oracledb
npm verb request always-auth set; sending authorization
View my-custom-input.component.html
<div>{{label}}</div> <!-- Using div for lable is just for demonstration purpose. -->
<input type="text" />
View my-custom-input.component.ts
@Component({
selector: 'my-custom-input',
templateUrl: 'src/my-custom-input.component.html',
styles:[`
div {
border-bottom:1px solid red;
display:inline-block;
}
input {
View my-custom-input.component.ts
@Component({
selector: 'my-custom-input',
templateUrl: 'src/my-custom-input.component.html',
styleUrls:['src/my-custom-input.component.css'],
encapsulation: ViewEncapsulation.Emulated
})
export class MyCustomInput {
@Input() label;
View my-custom-input.component.css
div {
border-bottom:1px solid red;
display:inline-block;
}
input {
border:none;
border-bottom:1px solid red;
outline:none;
color:red;
View my-custom-input.component.css
:host {
background-color: #ffffe5;
border:1px solid red;
padding:10px;
}
div {
border-bottom:1px solid red;
display:inline-block;
View my-custom-input.component.html
<div>{{label}}</div> <!-- Using div for lable is just for demonstration purpose. -->
<ng-content></ng-content>
View app.component.ts
@Component({
selector: 'my-app',
template: `
<div>
<h2>Hello {{name}}</h2>
<my-custom-input [label]="'Name'">
<input type="text">
</my-custom-input>
</div>
`,
View app.component.ts
<my-custom-input [label]="'Name'">
<input type="text">
</my-custom-input>
<my-custom-input [label]="'Password'">
<input type="password">
</my-custom-input>
<my-custom-input [label]="'Number'">
<input type="date">
You can’t perform that action at this time.