Skip to content

Instantly share code, notes, and snippets.

Avatar

Anas R. Firdousi afirdousi

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.